Select (Element UI) 远程搜索设置初始值

1.为什么使用远程搜索?

下拉选择时数据量太大,会导致页面卡顿。使用远程搜索可以解决。

2. 初始值只设置value(v-model)没有用?

在远程搜索中,设置初始值时,由于 v-model 是根据下拉框的数据来显示所对应的 label 值。

没有点击选择框时,调用远程搜索函数 remote-method 未被调用,下拉数据是空的,导致 v-model 无法显示对应的label。
下面的例子只设置了v-model,选择框默认选择显示是value值。


3. 解决方法

设置 v-model 之后,调用远程搜索方法 remote-method

显示效果和完整代码(注释部分即新加的代码)







你可能感兴趣的:(Select (Element UI) 远程搜索设置初始值)