重庆工信部网站,技工外包网,网站后台管理的超链接怎么做,济南哪里做网站好文章目录 前言样例特点 一、使用步骤#xff1f;1. 安装2.引入3.在项目中使用 vcolorpicker 二、选项三、事件 前言
vColorPicker——官网 vColorPicker——GitHub
样例 vColorPicker是基于 Vue 的一款颜色选择器插件#xff0c;仿照Angular的color-picker插件制作
特点
… 文章目录 前言样例特点 一、使用步骤1. 安装2.引入3.在项目中使用 vcolorpicker 二、选项三、事件 前言
vColorPicker——官网 vColorPicker——GitHub
样例 vColorPicker是基于 Vue 的一款颜色选择器插件仿照Angular的color-picker插件制作
特点
简单易用UI在原插件基础上优化增加了圆角和过渡动画提供以 npm 的形式安装提供全局组件在支持 html5 input[type‘color’] 的浏览器实现了「更多颜色」的功能 一、使用步骤
1. 安装
npm install vcolorpicker -S2.引入
在 main.js 文件中引入插件并注册
# main.js
import vcolorpicker from vcolorpicker
Vue.use(vcolorpicker)3.在项目中使用 vcolorpicker
templatecolorPicker v-modelcolor /
/template
scriptexport default {data () {return {color: #ff0000}}}
/script二、选项
你可以通过在所在的元素上设置以下属性来配置color-picker
defaultColor默认颜色如defaultColor“#ff0000”disabled禁用状态如disabledtrue 三、事件
change颜色值改变的时候触发
colorPicker v-modelcolor v-on:changeheadleChangeColor/colorPicker
