资讯专栏INFORMATION COLUMN

vue elementUI 使用el-select 时 change触发的问题解决带来的关于vue中

maxmin / 3599人阅读

摘要:机台无可选机床请选择机台无可选机床请选择的缩写是,的缩写是和是函数,应该用,不能用,这些细节在日常开发中要注意

el-select 的change事件

当我们在修改el-select值的时候,会触发change事件,因此可以改变v-model的值,一开始使用的时候就像下面这样


   

但是会出现一个问题:我们有多个el-select,只是改变了其中一个el-select的值,但是会触发所有的change事件;或者我们是v-for生成了很多个调用同一个change函数的el-select,这时所有的el-select都会执行一遍change函数,这会给我们带来意想不到的问题。

那怎么处理这个问题呢?elementUI文档给我们介绍了另一个事件:visible-change,用法如下


   

我以为可以解决,但是并没有用,突然我注意到:chang,想到了应该用@change,一试果然解决了。


   

   

v-bind的缩写是:,v-on的缩写是@

change和visble-change 是函数,应该用@,不能用:,
这些细节在日常开发中要注意

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/102847.html

相关文章

  • 开发遇到问题总结

    摘要:获取字符串中出现次数最多的字符。去掉字符串中的所有空格中对象数组按对象属性排序 VUE 1、vue——解决You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

    wenshi11019 评论0 收藏0
  • 开发遇到问题总结

    摘要:获取字符串中出现次数最多的字符。去掉字符串中的所有空格中对象数组按对象属性排序 VUE 1、vue——解决You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

    Yuqi 评论0 收藏0
  • vue自定义指令clickoutside扩展--多个元素并集作为inside

    摘要:指令中自定义的指令之一,顾名思义,就是当鼠标点击了指令所绑定元素的外部时,就会触发绑定方法。在鼠标放开触发事件处理时,通过获取到他们的对象。使用示例原来的使用方式不受影响,只是添加了多个元素并集作为的功能。指令中的参数学习 都是个人理解,如果发现错误,恳请大家批评指正,谢谢。还有我说的会比较啰嗦,因为是以自身菜鸡水平的视角来记录学习理解的过程,见谅。 1.前言 产品使用vue+elem...

    ivan_qhz 评论0 收藏0
  • v-model

    摘要:用法中比较基础的用法是在表单控件中,创建双向数据绑定,能够更新数据并负责监听用户的输入事件实例代码这里是监听了输入框的事件,并将其赋值给。找到的父组件就是组件,里面没有注册任何方法只是了属性。因为在也是利用了的语法糖。 Vue v-model 用法 vue 中v-model 比较基础的用法是在表单控件中,创建双向数据绑定,能够更新数据并负责监听 用户的输入事件 实例代码 ...

    RiverLi 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<