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 中添加點擊事件,但是要加個native。將當前數(shù)據(jù)傳進點擊事件中。
<el-form-item label="業(yè)務公司:" 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)動的方法

總結
以上為個人經驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
Vue2.X和Vue3.0數(shù)據(jù)響應原理變化的區(qū)別
這篇文章主要介紹了Vue2.X和Vue3.0數(shù)據(jù)響應原理變化的區(qū)別,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-11-11
vue-resource請求實現(xiàn)http登錄攔截或者路由攔截的方法
這篇文章主要介紹了vue-resource請求實現(xiàn)http登錄攔截或者路由攔截的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-07-07

