inputColor颜色选择器

值:rgba(255, 120, 0, 1)

值:#AE4141

<template>
  <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>
</template>
<script>
export default {
  data () {
    return {
      form: 'rgba(255, 120, 0, 1)',
      form1: '#AE4141'
    }
  }
}
</script>

显示代码复制代码复制代码