Vue中的change事件無效問題及解決
更新時(shí)間：2023年06月27日 10:27:11 作者：卡三ss
這篇文章主要介紹了Vue中的change事件無效問題及解決方案，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
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事件能夠觸發(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="請選擇合同號"
>
<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
就是你要聯(lián)動的方法
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue3.0插件執(zhí)行原理與實(shí)戰(zhàn)
這篇文章主要介紹了Vue3.0插件執(zhí)行原理與實(shí)戰(zhàn)，Vue項(xiàng)目能夠使用很多插件來豐富自己的功能Vue-Router、Vuex等，節(jié)省了我們大量的人力和物力，下面我們就一起來了解Vue3.0插件的原理吧，需要的小伙伴可以參考一下2022-02-02
詳解vue-cil和webpack中本地靜態(tài)圖片的路徑問題解決方案
這篇文章主要介紹了詳解vue-cil和webpack中本地靜態(tài)圖片的路徑問題解決方案，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-09-09
這篇文章主要給大家介紹了關(guān)于vite打包拆分js和css的配置指南,Vite是一個(gè)非?？焖俚墓ぞ?它可以幫助你打包JavaScript文件,需要的朋友可以參考下2023-09-09
本文主要介紹了vue3 reactive重新賦值的問題解決,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2025-11-11
Vue?Router嵌套路由(children)的用法小結(jié)
嵌套路由就是父路由里面嵌套他的子路由，父路由有自己的路由導(dǎo)航和路由容器（router-link、router-view），通過配置children可實(shí)現(xiàn)多層嵌套，這篇文章主要介紹了Vue--Router--嵌套路由(children)的用法,需要的朋友可以參考下2022-08-08
Vue+ElementUI table實(shí)現(xiàn)表格分頁
這篇文章主要為大家詳細(xì)介紹了Vue+ElementUI table實(shí)現(xiàn)表格分頁，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
vue+element 模態(tài)框表格形式的可編輯表單實(shí)現(xiàn)
這篇文章主要介紹了vue+element 模態(tài)框表格形式的可編輯表單實(shí)現(xiàn)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-06-06
這篇文章主要介紹了vue3 源碼解讀之 time slicing的使用方法,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
這篇文章主要介紹了淺談Vue 函數(shù)式組件的使用技巧，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
element ui里dialog關(guān)閉后清除驗(yàn)證條件方法
下面小編就為大家分享一篇element ui里dialog關(guān)閉后清除驗(yàn)證條件方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02