element-ui的多选框checkbox动态生成怎样让部分禁选

mac2024-05-07  31

今天下午碰到这样一个问题一直在网上找,结果很少,看了一篇博客和我的问题不太一样,不过给了我启发。

问题描述: element-ui的多选框根据后台返回的值让一部分禁用,一部分显示

html代码 为动态生成循环出来的多选

<el-form-item label="111" prop="Addtype"> <el-checkbox-group v-model="Addtype"> <el-checkbox v-for="item in JrData" :disabled="Addtype.includes(item.flag)" @click.native="groupChange(item)" :label="item.name" :name="item.flag"></el-checkbox> </el-checkbox-group> </el-form-item>

:disabled=“Addtype.includes(item.flag)” 在data里面我们的Addtype为数组去接收我们选中的值 我们做个对比如果这个数组里面包含了item.flag我们就让包含的禁用 完美解决。

最新回复(0)