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

就是你要联动的方法

在这里插入图片描述

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Vue3.0插件执行原理与实战
这篇文章主要介绍了Vue3.0插件执行原理与实战，Vue项目能够使用很多插件来丰富自己的功能Vue-Router、Vuex等，节省了我们大量的人力和物力，下面我们就一起来了解Vue3.0插件的原理吧，需要的小伙伴可以参考一下
2022-02-02
详解vue-cil和webpack中本地静态图片的路径问题解决方案
这篇文章主要介绍了详解vue-cil和webpack中本地静态图片的路径问题解决方案，非常具有实用价值，需要的朋友可以参考下
2017-09-09
vite打包拆分js和css的配置指南
这篇文章主要给大家介绍了关于vite打包拆分js和css的配置指南,Vite是一个非常快速的工具,它可以帮助你打包JavaScript文件,需要的朋友可以参考下
2023-09-09
vue3 reactive重新赋值的问题解决
本文主要介绍了vue3 reactive重新赋值的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
2025-11-11
Vue Router嵌套路由(children)的用法小结
嵌套路由就是父路由里面嵌套他的子路由，父路由有自己的路由导航和路由容器（router-link、router-view），通过配置children可实现多层嵌套，这篇文章主要介绍了Vue--Router--嵌套路由(children)的用法,需要的朋友可以参考下
2022-08-08
Vue+ElementUI table实现表格分页
这篇文章主要为大家详细介绍了Vue+ElementUI table实现表格分页，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-12-12
vue+element 模态框表格形式的可编辑表单实现
这篇文章主要介绍了vue+element 模态框表格形式的可编辑表单实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-06-06
vue3 源码解读之 time slicing的使用方法
这篇文章主要介绍了vue3 源码解读之 time slicing的使用方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-10-10
浅谈Vue 函数式组件的使用技巧
这篇文章主要介绍了浅谈Vue 函数式组件的使用技巧，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-06-06
element ui里dialog关闭后清除验证条件方法
下面小编就为大家分享一篇element ui里dialog关闭后清除验证条件方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-02-02