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

maxmin 发布于2019-08-23 16:16 / 3652人阅读

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

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 是函数，应该用@，不能用：，
这些细节在日常开发中要注意

GPU云服务器云服务器租用idc机房解决的问题和带来的效益 vue 中使用 webrtc vue中使用webrtc 大数据带来的问题

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

转载请注明本文地址：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 2019-08-23 16:03 评论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 2019-08-30 15:56 评论0 收藏0
vue自定义指令clickoutside扩展--多个元素的并集作为inside

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

ivan_qhz 2019-08-22 16:04 评论0 收藏0
v-model

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

RiverLi 2019-08-21 11:53 评论0 收藏0