iview select 组件下拉框选项列表数据修改时选择框变为空

477 阅读1分钟

iview 框架的 select 组件在使用时有个 bug,那就是在某些情况下我们想要动态修改下拉框的选项列表,但是当列表改变时有时下拉框中的值会消失,这是因为 select 框绑定的数据必须包含在下拉列表选项中,如果我们修改后的选项中没有就会为 undefiend

解决问题的方法也很简单,那就是在进行选项列表的修改时我们不要直接替换,而是将所有数据放到一起,然后给每条选项数据添加一个判断变量,在替换时将旧选项数据的判断变量设置为 false,将新的列表数据所有选项的判断变量设置为 true,然后在模版中加上判断,如果判断变量的值为 true 才展示选项。

原理就是我们把新的跟旧的选项数据都放在一起,这样之前绑定的值也就能找到对应的选项数据了。然后再通过变量来控制下拉框中要显示的选项。