用于颜色选择,支持多种格式。
基础用法
使用 v-model 与 Vue 实例中的一个变量进行双向绑定,绑定的变量需要是字符串类型。
1 <div class="block"> 2 <span class="demonstration">有默认值</span> 3 <el-color-picker v-model="color1"></el-color-picker> 4 </div> 5 <div class="block"> 6 <span class="demonstration">无默认值</span> 7 <el-color-picker v-model="color2"></el-color-picker> 8 </div> 9 10 <script> 11 export default { 12 data() { 13 return { 14 color1: '#409EFF', 15 color2: null 16 } 17 } 18 }; 19 </script>