vue-bootstrap-colorpicker

2.0.8 • Public • Published

vue-bootstrap-colorpicker-2.0

基于bootstrap3.x的vue颜色拾取器(vue-colorpicker base on bootstrap)

capture

此组件强烈依赖于jquery以及bootstrap3,使用时务必引入方可正常.

  <link rel="stylesheet" href="static/css/bootstrap.min.css">
  <script src="static/js/jQuery/jQuery-2.2.0.min.js"></script> 
  <script src="static/js/bootstrap/bootstrap.min.js"></script> 

安装

# install dependencies
npm install vue-bootstrap-colorpicker

使用

import ColorPicker from 'vue-bootstrap-colorpicker'
...
...
 
 components: {
    ColorPicker
  },
 methods: {
    changeColor: function (color) {
      this.color = color
    }
 }
...
...
  
    <color-picker v-model="color" >嘿嘿嘿</color-picker>

参数说明

参数 说明 默认值
v-model 当前颜色
colors 颜色列表 ['#FFAC0C', '#309BAC', '#247B79', '#8AA766', '#F6C048', '#B52F85', '#707070', '#9386BD', '#D74063', '#F4889F', '#8B7366']

Readme

Keywords

none

Package Sidebar

Install

npm i vue-bootstrap-colorpicker

Weekly Downloads

2

Version

2.0.8

License

MIT

Last publish

Collaborators

  • pkaq