# 颜色选择器

TIP

1.0.10+

# 普通用法

<avue-form :option="option" v-model="form" > </avue-form>

<script>
export default{
  data() {
    return {
      form: { 
        color:'rgba(42, 20, 20, 1)',
      },
      option: {
        column: [
          {
            label: '颜色选择器',
            prop: 'color',
            type: 'color',
          }
        ]
      }
    }
  }
}
</script>

Expand Copy

# 颜色格式

<avue-form :option="option" v-model="form" > </avue-form>

<script>
export default{
  data() {
    return {
      form: { 
        color:'#3E1414',
      },
      option: {
        column: [
          {
            label: '颜色选择器',
            prop: 'color',
            type: 'color',
            colorFormat:"hex",
            showAlpha:false
          }
        ]
      }
    }
  }
}
</script>

Expand Copy
Last Updated: 8/5/2021, 9:04:57 AM