element-ui多选框组件，怎么实现点击一个之后，剩下的禁用？

Question

如图：

我想在选中“前”之后，另外两个选项为禁用状态，把“前”取消或，才可以选另外两个选项，同理如果再选中另外一个选项，就禁用剩下的两个选项。

项目是用的vue+element-ui请指教。
ps（产品要用的禁用效果，我本来也想用单选框）

Answer 1

暴力的做法： https://jsfiddle.net/08o1th5y...

另外多嘴说一句，只能选一个为什么不用单选框 而非要用多选模拟单选

Answer 2

你用radio不行吗？

Answer 3

你怎么不用单选框呢？<el-radio> 选了其中一个另外的禁用。你非要用多选也行啊，把每个框的禁用属性都绑定到数据上，在选中事件里面处理下，把未选中的禁用属性激活就行了。
还是建议换成单选的。