颜色选择器

最新推荐文章于 2024-06-02 21:27:30 发布

爱吃羊的狗

最新推荐文章于 2024-06-02 21:27:30 发布

阅读量142

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/VIVI_CSDN01/article/details/133899063

版权

vue颜色选择器vcolorpicker

安装

//如果不固定版本报错的话，可以使用固定版本的方法
npm install vcolorpicker -S
npm install vcolorpicker@1.1.0 -S

全局引用

# main.js
import vcolorpicker from 'vcolorpicker'
Vue.use(vcolorpicker)

组件中使用

<div>
 <colorPicker v-model="form.color" @change="ChangeColor" size="5"></colorPicker>
</div>


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

methods:{
  ChangeColor(val){
    console.log(val,'选中的颜色')
  },
},