解决:el

编程入门 行业动态 更新时间:2024-10-27 01:36:25

解决:<a href=https://www.elefans.com/category/jswz/34/1762525.html style=el"/>

解决:el

思路

  1. filterable属性,是否可搜索,为true后select组件可以输入值了
  2. el-select组件输入值是不会更改v-model的值的,而是选择选项后才更改,所以我们可以在输入触发的方法中手动更改v-model绑定的值,这个方法就是filter-method
  3. filter-method方法,在输入框输入值的时候会触发,就相当于el-input组件的input方法,这时修改v-model绑定值,即可实现失焦输入框中值不会失去,同时添加自定义参数,便于多个select组件情况下更方便地更改对应v-model绑定的值

allow-create,是否允许用户创建新条目,需配合 filterable 使用
default-first-option,在输入框按下回车,选择第一个匹配项。需配合 filterable 或 remote 使用

 <el-selectv-model="form.hello"placeholder="请选择"filterableallow-createclearabledefault-first-option:filter-method="(value) => dataFilter(value, 'hello')"><el-optionv-for="item in options":key="item.val":label="item.name":value="item.val"></el-option></el-select>
  methods: {dataFilter(val, key) {this.form[key] = val;},

更多推荐

解决:el

本文发布于:2024-02-25 18:37:16,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1699914.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:el

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!