<el-collapse-item title="视频关键词兴趣" name="2">
    <div class="tag-fuzzy-box">
        匹配模式:
        <el-radio-group v-model="ruleForm.target.arc_tag_interest.tag_fuzzy_type" @change="tagFuzzyTypeChange">
            <el-radio :label="1">精确匹配</el-radio>
            <el-radio :label="2">模糊匹配</el-radio>                            
        </el-radio-group>    

        <div class="tags-box">
            <el-tag
            v-model="ruleForm.target.arc_tag_interest.tags"
            :key="tag"
            v-for="tag in ruleForm.target.arc_tag_interest.tags"
            closable
            :disable-transitions="false"                      
            @close="handleClose(tag)">
                <span>{{tag}}</span>          
            </el-tag>
            <el-input
            style="flex: 1;min-width: 100px"
            v-model="tagInterestInputValue"
            placeholder="输入关键词按回车添加,多个词用空格分隔,每个词的长度不超过10个字,最多20个词"
            ref="saveInterestTagInput"
            size="small"
            @keyup.enter.native="handleInputConfirm"
            @blur="handleInputConfirm"
            ></el-input>          
        </div>
    </div>
</el-collapse-item>

使用el-radio-group 切换的时候报错

解决方法

.tag-fuzzy-box /deep/ input[aria-hidden="true"] {
    display: none !important;
}
 
.tag-fuzzy-box /deep/.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    box-shadow: none !important;
}

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐