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