基于bootstrap3.x的vue颜色拾取器(vue-co
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'] |
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。