vue-bootstrap-colorpicker-2.0

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

此组件强烈依赖于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'] |