Vue中的change事件無效問題及解決

更新時(shí)間：2023年06月27日 10:27:11 作者：卡三ss

這篇文章主要介紹了Vue中的change事件無效問題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

vue change事件無效

                 <el-form-item prop="currencyTypeName" label="幣種:">
                    <el-select
                      clearable
                      :disabled="isDetial"
                      v-model="detailForm.currencyTypeName"
                      placeholder="請(qǐng)選擇幣種"
                      @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事件能夠觸發(fā)我們可以再事件中做一些其他事清，但是今天突然不觸發(fā)了，咱也不知道為啥，別的界面這樣寫就可以觸發(fā)。

百度了一下發(fā)現(xiàn)好多人也有這種問題。我們可用不使用change，改為在option 中添加點(diǎn)擊事件，但是要加個(gè)native。將當(dāng)前數(shù)據(jù)傳進(jìn)點(diǎn)擊事件中。

                <el-form-item label="業(yè)務(wù)公司:" prop="orgName">
                    <el-select
                      v-model="detailForm.orgName"
                      placeholder="請(qǐng)選擇合同號(hào)"
                    >
                      <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

一般是更新下拉框,每次打開會(huì)請(qǐng)求后端方法

在這里插入圖片描述

@change

就是你要聯(lián)動(dòng)的方法

在這里插入圖片描述

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

vue在data中定義變量后依舊報(bào)undefined的解決
這篇文章主要介紹了vue在data中定義變量后依舊報(bào)undefined的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2024-03-03
vue js秒轉(zhuǎn)天數(shù)小時(shí)分鐘秒的實(shí)例代碼
這篇文章主要介紹了vue js秒轉(zhuǎn)天數(shù)小時(shí)分鐘秒的實(shí)例代碼,代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2018-08-08
Vue2.X和Vue3.0數(shù)據(jù)響應(yīng)原理變化的區(qū)別
這篇文章主要介紹了Vue2.X和Vue3.0數(shù)據(jù)響應(yīng)原理變化的區(qū)別，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-11-11
vue 使用自定義指令實(shí)現(xiàn)表單校驗(yàn)的方法
今天小編就為大家分享一篇vue 使用自定義指令實(shí)現(xiàn)表單校驗(yàn)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
vue如何使用rem適配
這篇文章主要介紹了vue如何使用rem適配，幫助大家處理vue開發(fā)移動(dòng)應(yīng)用時(shí)的兼容性問題，感興趣的朋友可以了解下
2021-02-02
vue 項(xiàng)目中實(shí)現(xiàn)按鈕防抖方法
這篇文章主要介紹了vue 項(xiàng)目中實(shí)現(xiàn)按鈕防抖方法,首先需要新建 .js文件存放防抖方法，引入防抖文件,methods中添加方法，本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2022-12-12
Vue3.0實(shí)現(xiàn)無限級(jí)菜單
這篇文章主要為大家詳細(xì)介紹了基于Vue3.0實(shí)現(xiàn)無限級(jí)菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
vue3點(diǎn)擊不同的菜單頁切換局部頁面實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于vue3點(diǎn)擊不同的菜單頁切換局部頁面實(shí)現(xiàn)的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue3具有一定的參考價(jià)值,需要的朋友可以參考下
2023-08-08
vue-cli 項(xiàng)目打包完成后運(yùn)行文件路徑報(bào)錯(cuò)問題
這篇文章主要介紹了vue-cli 項(xiàng)目打包完成后運(yùn)行文件路徑報(bào)錯(cuò)問題，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-07-07
vue-resource請(qǐng)求實(shí)現(xiàn)http登錄攔截或者路由攔截的方法
這篇文章主要介紹了vue-resource請(qǐng)求實(shí)現(xiàn)http登錄攔截或者路由攔截的方法,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-07-07