用于颜色选择,支持多种格式。

基础用法

使用 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>
View Code

相关文章:

  • 2021-07-26
  • 2021-10-22
  • 2021-05-22
  • 2021-12-15
  • 2021-10-10
  • 2022-12-23
猜你喜欢
  • 2021-07-09
  • 2022-12-23
  • 2022-12-23
  • 2022-01-04
  • 2021-09-03
  • 2021-06-08
  • 2021-10-22
相关资源
相似解决方案