vue项目中elementUI使用el-select时会触发改变事件如何解决 - 行业资讯

vue项目中elementUI使用el-select时会触发改变事件如何解决?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

如下所示:

& lt; el-select v模型=發evel"大?癿ini"占位符=扒胙≡瘛?:改变=皊electChange()“比; 　　& lt; el-option v=把≡瘛毕?:关键=癷tem.value":标签=癷tem.label":价值=https://www.yisu.com/zixun/" item.value "> 　　

我们需要的是选择之后才触发,但是这样写你会发现,页面初始化的时候会触发多次,选择之后又会触发多次,原因是我们用错了标签,应该用@change=皊electChange ()

 & lt; el-select v模型=發evel"大?癿ini"占位符=扒胙≡瘛?@change=皊electChange()“比;
　　& lt; el-option v=把≡瘛毕?:关键=癷tem.value":标签=癷tem.label":价值=https://www.yisu.com/zixun/" item.value ">

这样写就可以了,v-bind的缩写是:,v的缩写是@,这里是触发事件,应该用@,

<强>为elment-ui的el-select选择器添加onblur失焦事件产生的问题

如下所示:

& lt; div类=皁neline"比; 　　& lt;跨度比用户编号:& lt;/span> 　　& lt; div类=翱閘eft"祝辞　　& lt; el-select 　　:no-match-text=癿sg" 　　:popper-append-to-body=false 　　占位符=& # 39;请选择& # 39; 　　v模型=皏alue"滤过性的popper-class=& # 39; contentadd_select& # 39; 　　ref=& # 39;选择# 39;比; 　　& lt; el-option 　　v代表=皍sers"项目; 　　:关键=癷tem.accont" 　　:标签=癷tem.accont" 　　:价值=https://www.yisu.com/zixun/" item.accont "> 　　　　　　

所需要实现的功能是当查询输入时,如果用户输入的数据是选项里面不匹配的,则返回显示无匹配数据。