vue中element-ui不能修改el-input框,或是不能修改某些值問題
更新時間：2023年10月17日 10:32:34 作者：哆來A夢沒有口袋
這篇文章主要介紹了vue中element-ui不能修改el-input框,或是不能修改某些值問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
element-ui不能修改el-input框,或是不能修改某些值
刪除scoped,簡單快捷
但是大家都知道scoped是為了讓代碼有自己的作用范圍，有時候是是不好的
重寫覆蓋
注意的是，要寫自己的類名，否則也會造成全部的覆蓋
element el-input輸入框綁定值無法修改原因
數(shù)據(jù)未作雙向綁定
//Vue2數(shù)據(jù)嵌套太深未作雙向綁定。 this.$set(this.searchSelectlist.room, "message", "加載中...");
el-input嵌套太多
無法操作dom,需要強制刷新
//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>//加強制刷新事件
changeMessage() {
this.$forceUpdate();
},總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
聊聊vue生命周期鉤子函數(shù)有哪些,分別什么時候觸發(fā)
這篇文章主要介紹了聊聊vue生命周期鉤子函數(shù)有哪些，分別什么時候觸發(fā)？具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue框架很核心的功能就是雙向的數(shù)據(jù)綁定。下面這篇文章主要給大家介紹了關(guān)于Vue.js中數(shù)據(jù)綁定的語法教程，文中通過示例代碼介紹的非常詳細，相信對大家具有一的參考學習價值，需要的朋友們下面來一起看看吧。2017-06-06
如何在Vue3中使用視頻庫Video.js實現(xiàn)視頻播放功能
在Vue3項目中集成Video.js庫,可以創(chuàng)建強大的視頻播放功能,這篇文章主要介紹了如何在Vue3中使用視頻庫Video.js實現(xiàn)視頻播放功能,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-09-09
這篇文章主要為大家介紹了vue實現(xiàn)列表展示的示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
vue中formdata傳值給后臺時參數(shù)為空的問題
這篇文章主要介紹了vue中formdata傳值給后臺時參數(shù)為空的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
這篇文章主要介紹了vue2?web多標簽輸入框elinput是否當前焦點的相關(guān)資料,講解了如何在產(chǎn)品中實現(xiàn)用戶輸入文字后按下回車鍵生成標簽并顯示在頁面上的功能,通過組件的使用和改造,解決了輸入不連續(xù)的問題,需要的朋友可以參考下2025-01-01
這篇文章主要介紹了vue實現(xiàn)添加與刪除圖書功能，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2018-10-10
在?Vue?框架中,哪些地方容易被攻擊呢？寫代碼的時候要注意什么呢？這篇文章中小編為大家總結(jié)了一些常見的容易受到攻擊的地方,希望對大家有所幫助2024-02-02
打開尤大大的GitHub，發(fā)現(xiàn)多了個叫 petite-vue 的東西,Vue3 和 Vite 還沒學完呢，又開始整新東西了？本文就來介紹一下2021-07-07
這篇文章主要介紹了Vue+element 商品列表、新增、編輯、刪除業(yè)務實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-08-08