vue中element-ui不能修改el-input框,或是不能修改某些值問題
更新時(shí)間:2023年10月17日 10:32:34 作者:哆來A夢沒有口袋
這篇文章主要介紹了vue中element-ui不能修改el-input框,或是不能修改某些值問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
element-ui不能修改el-input框,或是不能修改某些值
刪除scoped,簡單快捷
但是大家都知道scoped是為了讓代碼有自己的作用范圍,有時(shí)候是是不好的
重寫覆蓋
注意的是,要寫自己的類名,否則也會(huì)造成全部的覆蓋
element el-input輸入框綁定值無法修改原因
數(shù)據(jù)未作雙向綁定
//Vue2數(shù)據(jù)嵌套太深未作雙向綁定。 this.$set(this.searchSelectlist.room, "message", "加載中...");
el-input嵌套太多
無法操作dom,需要強(qiáng)制刷新
//el-input <el-input v-model="form.unitPrice" onkeyup="this.value=this.value.match(/\d+\.?\d{0,20}/)" onafterpaste="this.value=this.value.match(/\d+\.?\d{0,20}/)" @change="unitPriceChange" @input="changeMessage"> <template slot="append"> <el-select disabled v-model="form.company" @change="companyChange" > <el-option v-for="item in Arr" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </template> </el-input>
//加強(qiáng)制刷新事件 changeMessage() { this.$forceUpdate(); },
總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
聊聊vue生命周期鉤子函數(shù)有哪些,分別什么時(shí)候觸發(fā)
這篇文章主要介紹了聊聊vue生命周期鉤子函數(shù)有哪些,分別什么時(shí)候觸發(fā)?具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-04-04如何在Vue3中使用視頻庫Video.js實(shí)現(xiàn)視頻播放功能
在Vue3項(xiàng)目中集成Video.js庫,可以創(chuàng)建強(qiáng)大的視頻播放功能,這篇文章主要介紹了如何在Vue3中使用視頻庫Video.js實(shí)現(xiàn)視頻播放功能,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09vue中formdata傳值給后臺(tái)時(shí)參數(shù)為空的問題
這篇文章主要介紹了vue中formdata傳值給后臺(tái)時(shí)參數(shù)為空的問題,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-06-06vue2?web多標(biāo)簽輸入框elinput是否當(dāng)前焦點(diǎn)詳解
這篇文章主要介紹了vue2?web多標(biāo)簽輸入框elinput是否當(dāng)前焦點(diǎn)的相關(guān)資料,講解了如何在產(chǎn)品中實(shí)現(xiàn)用戶輸入文字后按下回車鍵生成標(biāo)簽并顯示在頁面上的功能,通過組件的使用和改造,解決了輸入不連續(xù)的問題,需要的朋友可以參考下2025-01-01Vue element商品列表的增刪改功能實(shí)現(xiàn)
這篇文章主要介紹了Vue+element 商品列表、新增、編輯、刪除業(yè)務(wù)實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08