Vue中的change事件无效问题及解决
更新时间：2023年06月27日 10:27:11 作者：卡三ss
这篇文章主要介绍了Vue中的change事件无效问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue change事件无效
<el-form-item prop="currencyTypeName" label="币种:">
<el-select
clearable
:disabled="isDetial"
v-model="detailForm.currencyTypeName"
placeholder="请选择币种"
@change="CurrencyTypeNameChange"
>
<el-option
v-for="(item, index) in currencyTypeNameData"
:key="index"
:label="item.name"
:value="item.name"
>
</el-option>
</el-select>
</el-form-item>本来再图中添加change事件能够触发我们可以再事件中做一些其他事清，但是今天突然不触发了，咱也不知道为啥，别的界面这样写就可以触发。
百度了一下发现好多人也有这种问题。我们可用不使用change，改为在option 中添加点击事件，但是要加个native。将当前数据传进点击事件中。
<el-form-item label="业务公司:" prop="orgName">
<el-select
v-model="detailForm.orgName"
placeholder="请选择合同号"
>
<el-option
@click.native="orgNameChange(item)"
v-for="(item, index) in orgNameData"
:key="index"
:label="item.orgName"
:value="item.orgName"
>
</el-option>
</el-select>
</el-form-item>vue的@focus和@change
@focus
一般是更新下拉框,每次打开会请求后端方法
@change
就是你要联动的方法
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本篇文章主要介绍了浅谈Vue.js应用的四种AJAX请求数据模式，本文将详细介绍在Vue应用程序中实现AJAX的四个方法，有兴趣的可以了解一下2017-08-08
这篇文章主要介绍了sortable+element 实现表格行拖拽的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-06-06
这篇文章主要介绍了vue中实现监听数组内部元素方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要介绍了vscode下的vue文件格式化问题，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-11-11
这篇文章主要介绍了vue3使用vue-router及路由权限拦截方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
Vue.js 的内联表达式非常方便，但它最合适的使用场景是简单的布尔操作或字符串拼接。如果涉及更复杂的逻辑，你应该使用计算属性。这篇文章我们将一起学习vue.js的计算属性。什么是计算属性，为什么要用这东西呢？通过下面这篇文章你将解决这些问题，下面来一起看看吧。2016-09-09
下面小编就为大家分享一篇解决vue-router中的query动态传参问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
这篇文章主要给大家介绍了如何换个角度使用VUE过滤器的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用VUE具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-09-09
Axios 是一个简单的基于 promise 的 HTTP 客户端，适用于浏览器和 node.js。Axios 在具有非常可扩展的接口的小包中提供了一个简单易用的库，这篇文章主要介绍了vue3-HTTP请求之axios,需要的朋友可以参考下2022-12-12
parcel-vue 一个基于Parcel打包工具的 VueJS急速开发脚手架解决方案,强烈建议使用node8.0以上。下面通过本文给大家介绍全新打包工具parcel零配置vue开发脚手架的相关知识，感兴趣的朋友一起看看吧2018-01-01
最新评论