javascript - vue 多个下拉如何去重
本文介绍了javascript - vue 多个下拉如何去重的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
有N个下拉框 然后用1个model集合
如何实现 当某个下拉框选中1个值之后 其他下拉框的不显示选中的值呢
可否提供点思路呢
我本来是想用计算属性 但是计算属性是不能传参的 所以不能定位到当前的下拉框(因为其他的下拉肯定是不显示当先下拉框的选中 而当前的下拉肯定是有这个值的)
比如说下拉框1 选中值为A的项 我想实现的是 其他的下拉框是不显示A项的 但是下拉框1还是有A的
当下拉框1选中了B的时候 其他的下拉框A显示了 B消失了
解决方案
计算属性不能传参,但是能获得选中的值啊
<select v-model="select1">
<option ...>...</option>
</select>
...
{
data:{
select1: "A",
select2: "B",
select3: "C"
},
computed: {
option() {
// 可以使用this.select1获取选中的值
return optionAll.filter(this.select1)
}
}
}
这篇关于javascript - vue 多个下拉如何去重的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文