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è)務(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)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
詳解vue-cil和webpack中本地靜態(tài)圖片的路徑問題解決方案
這篇文章主要介紹了詳解vue-cil和webpack中本地靜態(tài)圖片的路徑問題解決方案,非常具有實用價值,需要的朋友可以參考下2017-09-09
Vue?Router嵌套路由(children)的用法小結(jié)
嵌套路由就是父路由里面嵌套他的子路由,父路由有自己的路由導(dǎo)航和路由容器(router-link、router-view),通過配置children可實現(xiàn)多層嵌套,這篇文章主要介紹了Vue--Router--嵌套路由(children)的用法,需要的朋友可以參考下2022-08-08
Vue+ElementUI table實現(xiàn)表格分頁
這篇文章主要為大家詳細介紹了Vue+ElementUI table實現(xiàn)表格分頁,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-12-12
vue+element 模態(tài)框表格形式的可編輯表單實現(xiàn)
這篇文章主要介紹了vue+element 模態(tài)框表格形式的可編輯表單實現(xiàn),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-06-06
element ui里dialog關(guān)閉后清除驗證條件方法
下面小編就為大家分享一篇element ui里dialog關(guān)閉后清除驗證條件方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02

