vue中element-ui不能修改el-input框,或是不能修改某些值問(wèn)題

更新時(shí)間：2023年10月17日 10:32:34 作者：哆來(lái)A夢(mèng)沒(méi)有口袋

這篇文章主要介紹了vue中element-ui不能修改el-input框,或是不能修改某些值問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

element-ui不能修改el-input框,或是不能修改某些值

刪除scoped,簡(jiǎn)單快捷

但是大家都知道scoped是為了讓代碼有自己的作用范圍，有時(shí)候是是不好的

重寫覆蓋

注意的是，要寫自己的類名，否則也會(huì)造成全部的覆蓋

element el-input輸入框綁定值無(wú)法修改原因

數(shù)據(jù)未作雙向綁定

//Vue2數(shù)據(jù)嵌套太深未作雙向綁定。
 
 this.$set(this.searchSelectlist.room, "message", "加載中...");

el-input嵌套太多

無(wú)法操作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à)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-04-04
Vue.js中數(shù)據(jù)綁定的語(yǔ)法教程
Vue框架很核心的功能就是雙向的數(shù)據(jù)綁定。下面這篇文章主要給大家介紹了關(guān)于Vue.js中數(shù)據(jù)綁定的語(yǔ)法教程，文中通過(guò)示例代碼介紹的非常詳細(xì)，相信對(duì)大家具有一的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。
2017-06-06
如何在Vue3中使用視頻庫(kù)Video.js實(shí)現(xiàn)視頻播放功能
在Vue3項(xiàng)目中集成Video.js庫(kù),可以創(chuàng)建強(qiáng)大的視頻播放功能,這篇文章主要介紹了如何在Vue3中使用視頻庫(kù)Video.js實(shí)現(xiàn)視頻播放功能,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-09-09
vue實(shí)現(xiàn)列表展示示例詳解
這篇文章主要為大家介紹了vue實(shí)現(xiàn)列表展示的示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
vue中formdata傳值給后臺(tái)時(shí)參數(shù)為空的問(wèn)題
這篇文章主要介紹了vue中formdata傳值給后臺(tái)時(shí)參數(shù)為空的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-06-06
vue2?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)簽并顯示在頁(yè)面上的功能,通過(guò)組件的使用和改造,解決了輸入不連續(xù)的問(wèn)題,需要的朋友可以參考下
2025-01-01
vue實(shí)現(xiàn)添加與刪除圖書功能
這篇文章主要介紹了vue實(shí)現(xiàn)添加與刪除圖書功能，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-10-10
14個(gè)Vue中易被攻擊的代碼位置小結(jié)
在?Vue?框架中,哪些地方容易被攻擊呢？寫代碼的時(shí)候要注意什么呢？這篇文章中小編為大家總結(jié)了一些常見的容易受到攻擊的地方,希望對(duì)大家有所幫助
2024-02-02
尤大大新活petite-vue的實(shí)現(xiàn)
打開尤大大的GitHub，發(fā)現(xiàn)多了個(gè)叫 petite-vue 的東西,Vue3 和 Vite 還沒(méi)學(xué)完呢，又開始整新東西了？本文就來(lái)介紹一下
2021-07-07
Vue element商品列表的增刪改功能實(shí)現(xiàn)
這篇文章主要介紹了Vue+element 商品列表、新增、編輯、刪除業(yè)務(wù)實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2022-08-08