国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vue頁面內(nèi)更改狀態(tài),渲染視圖(設(shè)置input的disabled屬性)

這篇具有很好參考價值的文章主要介紹了vue頁面內(nèi)更改狀態(tài),渲染視圖(設(shè)置input的disabled屬性)。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

直接更改data中的狀態(tài) 頁面是無法立即渲染的 嘗試使用了強(qiáng)制渲染和this.$nextTick(()=>{})方法 還是沒有效果

Vue不能檢測到對象屬性的添加或刪除。由于 Vue 會在初始化實例時對屬性遍歷執(zhí)行 getter/setter 轉(zhuǎn)化過程,所以屬性必須在 data 對象上存在才能讓 Vue 轉(zhuǎn)換它,這樣才能讓它是響應(yīng)的。文章來源地址http://www.zghlxwxcb.cn/news/detail-559938.html

需要調(diào)用this.$set()方法

his.$set()是將set函數(shù)綁定在Vue原型上
this.$set(Object, key, value)
// 有時你想向已有對象上添加一些屬性,例如使用 Object.assign() 或 _.extend() 方法來添加屬性。
// 但是,添加到對象上的新屬性不會觸發(fā)更新。
// 在這種情況下可以創(chuàng)建一個新的對象,讓它包含原對象的屬性和新的屬性:

this.someObject = Object.assign({}, this.someObject, { a: 1, b: 2 })



if (val === "0") {
     this.$set(this.FormConfig.data[0], "disabled", true);
       } else {
     this.$set(this.FormConfig.data[0], "disabled", false);
                }
},

到了這里,關(guān)于vue頁面內(nèi)更改狀態(tài),渲染視圖(設(shè)置input的disabled屬性)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • input disabled 不顯示 placeholder

    2024年02月06日
    瀏覽(16)
  • 小程序setData設(shè)置數(shù)據(jù)超過1024kb頁面不渲染

    小程序setData設(shè)置數(shù)據(jù)超過1024kb頁面不渲染

    微信小程序中,平常獲取列表的分頁數(shù)據(jù)時,會把當(dāng)前頁數(shù)據(jù)和之前的數(shù)據(jù)通過concat方法做個拼接,再使用setData方法更新數(shù)據(jù)。當(dāng)數(shù)據(jù)量較大時,會超過setData單次設(shè)置量1024kb的限制,進(jìn)而導(dǎo)致頁面不渲染 使用二維數(shù)組,即先聲明一個空數(shù)組,列表第n頁的數(shù)據(jù)就是此數(shù)組的第

    2024年02月09日
    瀏覽(19)
  • vue中data的數(shù)組怎么操作會重新渲染頁面,怎么操作不會渲染頁面

    目錄 會渲染頁面的操作 這是為什么呢 不會導(dǎo)致頁面渲染的操作 ?通過索引值改變數(shù)組導(dǎo)致頁面不渲染的解決方法 this.$set的實現(xiàn)原理 push() pop() shift() unshift() splice() sort() reverse() vue2.0還增加個方法可以觀測Vue.set(items, indexOfItem, newValue) Vue.set()的用法 filter(), concat(), slice() 。這些

    2024年01月16日
    瀏覽(18)
  • Vue 頁面渲染的流程

    Vue 頁面渲染的流程

    在? Vue ?核心中除了響應(yīng)式原理外,視圖渲染也是重中之重。我們都知道每次更新數(shù)據(jù),都會走視圖渲染的邏輯,而這當(dāng)中牽扯的邏輯也是十分繁瑣。 本文主要解析的是初始化視圖渲染流程,你將會了解到從掛載組件開始, Vue ?是如何構(gòu)建? VNode ,又是如何將? VNode ?轉(zhuǎn)為真

    2024年02月08日
    瀏覽(16)
  • Vue + element ui 實現(xiàn)后臺數(shù)據(jù)渲染到下拉框選項中,同時將input框與下拉框聯(lián)動,select選定之后,input顯示對應(yīng)的值

    Vue + element ui 實現(xiàn)后臺數(shù)據(jù)渲染到下拉框選項中,同時將input框與下拉框聯(lián)動,select選定之后,input顯示對應(yīng)的值

    實現(xiàn)過程: 使用element 的select以及input輸入框 在data中定義一個數(shù)組用于接收后臺請求的數(shù)據(jù) method中定義一個方法,用于請求數(shù)據(jù) 在created中實現(xiàn)顯示: listMidMapping為封裝好的get請求 至此實現(xiàn)后臺數(shù)據(jù)渲染到下拉框選項中,效果圖: 以上借鑒于: (21條消息) Vue + element 實現(xiàn)動

    2024年02月08日
    瀏覽(61)
  • Vue:實現(xiàn)輸入框/選擇列表內(nèi)容更改,頁面實時預(yù)覽多個內(nèi)容變化

    在各種前端頁面中,比如用戶信息注冊的頁面,往往有多個輸入框和多個選項列表。 為了避免用戶選錯或者輸入錯誤,可以在前端頁面上實時將多個輸入框的內(nèi)容拼接起來,顯示到頁面或者彈出的窗口中,幫助用戶核對、檢查輸入的內(nèi)容是否有錯,提高用戶體驗。 本文介紹

    2024年02月10日
    瀏覽(55)
  • 在input加了disabled屬性后,如何觸發(fā)點擊事件?

    input標(biāo)簽 disabled屬性說明 被禁用的input標(biāo)簽 既不可用,也不可進(jìn)行點擊 解決方案 使用readonly屬性 來替換disabled屬性 外套一層父標(biāo)簽,給父標(biāo)簽添加點擊事件,并設(shè)置input的樣式為\\\"pointer-events:none\\\" 去掉鼠標(biāo)事件,然后通過冒泡觸發(fā)到父標(biāo)簽上的點擊事件。 冒泡事件 點擊子標(biāo)簽

    2024年02月10日
    瀏覽(20)
  • vue 渲染數(shù)組,拖拽排序,渲染同一個數(shù)組拖拽排序不影響其他選中行狀態(tài)

    vue 渲染數(shù)組,拖拽排序,渲染同一個數(shù)組拖拽排序不影響其他選中行狀態(tài)

    當(dāng)我們能夠設(shè)置單行狀態(tài)改變的時候,那么肯定可以拿到選中的當(dāng)前行的id或者下標(biāo)index。 只要設(shè)定一個初始化值在拖拽開始的時候重新賦值,然后再處理選中狀態(tài)的時候進(jìn)行判斷即可。 前期寫的時候沒有注意到這個問題,可以看這個文章。 在復(fù)測的時候發(fā)現(xiàn)了,當(dāng)我改變?nèi)?/p>

    2024年01月16日
    瀏覽(29)
  • 兩種方法(JS方法和Vue方法)實現(xiàn)頁面渲染

    兩種方法(JS方法和Vue方法)實現(xiàn)頁面渲染

    根據(jù)數(shù)據(jù)渲染如下頁面 ?

    2024年02月14日
    瀏覽(23)
  • Vue3解決Vuex異步獲取數(shù)據(jù),頁面先渲染問題

    在vuex中異步請求數(shù)據(jù),頁面獲取vuex中的數(shù)據(jù)渲染頁面時,數(shù)據(jù)還未返回時,頁面還未渲染。 解決方法: 在數(shù)據(jù)還未返回時,先不渲染頁面結(jié)構(gòu),使用骨架屏等待數(shù)據(jù)請求 等待數(shù)據(jù)返回之后,設(shè)置isShow為true,同時重新渲染頁面 完美解決Vue3數(shù)據(jù)異步獲取為完成,頁面提前渲

    2024年02月11日
    瀏覽(26)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包