inputColor颜色选择器

... 2022-9-15 Less than 1 minute

# inputColor颜色选择器

值:rgba(255, 120, 0, 1)
值:#AE4141
<el-row :span="24">
  <el-col :span="6">
   值:{{form}}<br/>
   <avue-input-color  placeholder="请选择颜色" v-model="form" ></avue-input-color>
  </el-col>
   <el-col :span="24"></el-col>
   <el-col :span="6">
   值:{{form1}}<br/>
   <avue-input-color color-format="hex" :show-alpha="false" placeholder="请选择颜色" v-model="form1" ></avue-input-color>
  </el-col>
</el-row>
<script>
export default {
    data() {
      return {
        form:'rgba(255, 120, 0, 1)',
        form1:'#AE4141'
      }
    }
}
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
Expand Copy
Last update: October 16, 2022 17:07
Contributors: smallwei
您正在浏览基于 Vue 2.x 的 Avue 文档; 点击这里 查看 Vue 3.x 的升级版本