首先运行:
npm i colorpickervue3lvren
使用:
<colorPicker v-model="color" @change="headleChangeColor">
<!--设置插槽内容可以点击--->
</colorPicker >
import colorPicker from 'colorpickervue3lvren'
你可以通过在所在的元素上设置以下属性来配置color-picker
-
defaultColor
:默认颜色,如defaultColor="#ff0000"
-
disabled
:禁用状态,如disabled=true
-
hide
:隐藏颜色提示,自定义插槽控制picker,如hide=true
change:修改颜色事件
效果图