名字重复数据不同怎么把名字过滤掉

Question

用vue和element些，求帮助！我想要实现的是选择一个名字，在另外一个地方做下拉框来选择相应的数据。

这个是数据源：

名字	数据
张三	单元 2
李四	单元 4
张三	单元 3
张三	单元1

我想要的结果：

在另外一张网页中设置请选择名字的 下拉框被调用并且名字只显示一个张三

Answer 1

如果是要级联选择的话，可以直接用 Element 的级联选择器。

也可以用传统的 Select 来自己写多级，这里有个示例：

https://codepen.io/jamesfancy...

关键点在于：

1. 要有多级数据，后面一级的数据可以通过 computed 属性计算出来给第二个选择器用
2. 某个选择器的选项更新后，需要清空子/孙级的选择（@change 事件）

Answer 2

没有数据源的话就无脑 filter 咯，把符合条件筛出来即可。（先做出来再考虑优化的事情）

vue 的话看上去你说的是联动效果，一般就是计算属性。或者 element 自带的级联组件。