cv-tag-base 基础Tab标签

简要

Tag 标签
用于标记和选择。

示例

::: demo

<template>
  <div>
    <h1>tag 标签</h1>
    <cvTagBase effect="dark" type="info" closable v-model="formData.tag" disabled></cvTagBase>
    <cv-tag-base v-model="formData.tag" closable />
    <cv-btn-base @click="getData">console.log</cv-btn-base>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        tag: ['川建国', '奥观海']
      }
    };
  },
  watch: {
    formData: {
      handler(newVal) {
        console.log('--newVal--', newVal);
      },
      deep: true // 启用深度监听
    }
    // formData(newVal) {
    //   console.log('--newVal--', newVal);
    // }
  },
  methods: {
    getData() {
      console.log(this.formData);
    }
  }
};
</script>

:::

属性

属性名	类型	默认值	说明	可选值
v-model	String	-	数据双向绑定
size	String	-	尺寸	medium / small / mini
closable	Boolean	false	是否可移除标签
disableTransitions	Boolean	false	是否禁用渐变动画
type	String	-	类型	success / info / warning / danger
effect	String	light	主题	dark / light / plain
color	String	-	背景色
hit	Boolean	-	是否有边框描边	danger
disabled	Boolean	false	是否禁用
maxlength	Number	3	最大标签数量

• [ rules ] 内置规则

规则	说明
require	是否必填（字段名前显示星号）