首页 > 网络编程 > JavaScript > javascript类库 > vue.js > Vue change事件无效

Vue中的change事件无效问题及解决

2023-06-27 10:27:12 作者：卡三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

就是你要联动的方法