前端小白求教前端技术问题

rambler · 发表于 2022-6-6 16:35:15

实际项目中使用j-multi-select-tag标签，type=“checkbox”将一组数据字典在页面中进行展现。想实现的业务场景是点击一个复选框通过@change调用函数来判断。页面上的其他值是否满足如果满足才可以选中，如果不满足则提示用户先做处理。复选框取消选中。现在其他步骤都已实现。唯独复选框选中后无法再实现取消。设置className 也不能生效。具体代码如下：
for(let i=0; i < this.$refs.form.$el.elements.length;i++)
         {
         if(this.$refs.form.$el.elements[i].type==='checkbox' && this.$refs.form.$el.elements[i].checked===true)
         {
            this.$refs.form.$el.elements[i].checked=false;
            this.$refs.form.$el.elements[i].labels[0].className="ant-checkbox-wrapper"
         }
         }
         this.$message.warning("请先填写用户身份信息,再勾选用户角色。")

请给位高手指教一下，该如何实现。