您现在的位置是：网站首页> 编程资料编程资料

关于vue-color-颜色选择器插件_vue.js_

2023-05-24 491人已围观

简介关于vue-color-颜色选择器插件_vue.js_

安装-npm

npm install vue-color

使用

color-picker
Chrome
Sketch
Photoshop
Material
Slider
Compact
Swatches
Twitter
Grayscale

vColorPicker是基于vue的一款颜色选择器的插件

在npm中安装插件

$ npm install vcolorpicker -S

在main.js中写入使用

import vcolorpicker from 'vcolorpicker' Vue.use(vcolorpicker)

页面使用：

选项：

  return {         form: {           color:'#ff0000',//默认选择颜色         },   }

事件：

change颜色值改变的时候触发

      handleChangeColor (val) {         console.log('输出颜色值',val)  // 颜色 #6c8198       },

差不多就是这样就可以使用了，很简单官网也有例子

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

您可能感兴趣的文章:

上一篇：vue+elementUI组件tree如何实现单选加条件禁用_vue.js_