若依 vue3 DictTag组件 报错

119 阅读1分钟
<el-tag v-else 
    :disable-transitions="true" 
    :key="item.value + ''" 
    :index="index"
    :type="item.elTagType === 'primary' ? '' : item.elTagType" 
    :class="item.elTagClass">{{ item.label + " "}}
</el-tag>

原因: item.elTagType 为 primary 时,会导致el-tag组件的type属性传入空值,这样会导致警告. 解决办法如下:

<el-tag v-else 
    :disable-transitions="true" 
    :key="item.value + ''" 
    :index="index"
    :type="item.elTagType === 'primary' ? 'primary' : item.elTagType" 
    :class="item.elTagClass">{{ item.label + " "}}
</el-tag>

type为primary时添加值 primary ==> :type="item.elTagType === 'primary' ? '' : item.elTagType"