Vue+Element UI中 Select下拉框搜索
程序员文章站
2023-12-27 15:47:03
...
示例代码如下:
:remote-method="getSupplierList" 绑定一个方法名,实时传递输入框内参数到方法内
<el-select
v-model="scope.row.supplierId"
placeholder="请选择"
filterable
remote
:remote-method="getSupplierList"
@focus="eqNoClick">
<el-option
v-for="item in supplierOptions"
:key="item.userId"
:label="item.userName"
:value="item.userId">
</el-option>
</el-select>
data(){
return {
supplierOptions: [],
}
},
methods: {
// 下拉框 搜索 绑定一个方法名,实时传递输入框内参数到方法内
getSupplierList(query){
if(query){
// 此方法为调接口
this.getSupplierSelect(query);
}
},
// 重新获取下拉框内容
eqNoClick(){
// 此方法为调接口
this.getSupplierSelect();
},
},
推荐阅读
-
Element-UI下拉框select实现拼音搜索
-
Vue+Element UI中 Select下拉框搜索
-
解决Vue+Element ui开发中碰到的IE问题
-
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
-
element-ui中select组件绑定值改变,触发change事件方法
-
JavaScript实现向select下拉框中添加和删除元素的方法
-
Vue.js 2.0中select级联下拉框实例
-
解决Vue+Element ui开发中碰到的IE问题
-
element-ui select组件中复选时以字符串形式显示
-
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)