資訊專欄INFORMATION COLUMN
摘要：從升級至之后的被去除因此直接在子組件修改父組件的值是會報錯的目的是為了阻止子組件影響父組件的數(shù)據(jù)那么在之后如何在子組件修改父組件傳過來的值呢思路是通過子組件發(fā)射一個方法在父組件使用子組件的地方用綁定這個自定義事件然后在父組件定義這個
從vue1.0升級至2.0之后 prop的.sync被去除 因此直接在子組件修改父組件的值是會報錯的 目的是為了阻止子組件影響父組件的數(shù)據(jù)
那么在vue2.0之后 如何在子組件修改父組件props傳過來的值呢？
思路是通過子組件$emit發(fā)射一個方法
$emit("increment",val);
在父組件使用子組件的地方用v-on綁定這個自定義事件
然后在父組件定義這個方法
methods:{
incrementTotal(val) {
this.val = val;
}
}
雖然這種方式可以修改父組件數(shù)據(jù)，但是官方是不推薦在組件內(nèi)修改通過props傳入的父組件數(shù)據(jù)，而是推薦使用vuex
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/50353.html
摘要：從升級至之后的被去除因此直接在子組件修改父組件的值是會報錯的目的是為了阻止子組件影響父組件的數(shù)據(jù)那么在之后如何在子組件修改父組件傳過來的值呢思路是通過子組件發(fā)射一個方法在父組件使用子組件的地方用綁定這個自定義事件然后在父組件定義這個 從vue1.0升級至2.0之后 prop的.sync被去除 因此直接在子組件修改父組件的值是會報錯的 目的是為了阻止子組件影響父組件的數(shù)據(jù)那么在vue2...
摘要：從升級至之后的被去除因此直接在子組件修改父組件的值是會報錯的目的是為了阻止子組件影響父組件的數(shù)據(jù)那么在之后如何在子組件修改父組件傳過來的值呢思路是通過子組件發(fā)射一個方法在父組件使用子組件的地方用綁定這個自定義事件然后在父組件定義這個 從vue1.0升級至2.0之后 prop的.sync被去除 因此直接在子組件修改父組件的值是會報錯的 目的是為了阻止子組件影響父組件的數(shù)據(jù)那么在vue2...
摘要：記錄一些小技巧和踩過的坑由于本篇文章內(nèi)容太多，導(dǎo)致編輯器有點(diǎn)卡，所以新開辟了一篇實踐二，后續(xù)再這里更新。組件的生命周期函數(shù)是在標(biāo)簽里的數(shù)據(jù)發(fā)生變化時候觸發(fā)數(shù)據(jù)可能更新了，但是沒有綁定到上面的話，不會調(diào)用鉤子函數(shù)。 記錄一些小技巧和踩過的坑 由于本篇文章內(nèi)容太多，導(dǎo)致SF編輯器有點(diǎn)卡，所以新開辟了一篇 vue2實踐（二），后續(xù)再這里更新。 1. props 帶不帶冒號的區(qū)別 ...
摘要：我在中寫了這段代碼在組件被創(chuàng)建時候?qū)?zhí)行此函數(shù)相當(dāng)于進(jìn)入頁面的自執(zhí)行使用方法監(jiān)聽屬性并執(zhí)行一個回調(diào)函數(shù)按道理在元素被創(chuàng)建的時候，會將監(jiān)聽到的值賦給并且打印。 天地不仁以萬物為芻狗，宇宙無義視眾生如螻蟻 ——蕭鼎和我 上一節(jié)列出了５個關(guān)鍵點(diǎn)，第一個路由已經(jīng)解決了，接下來解決第二個問題： 組件的通信問題 一、組件的關(guān)系 組件之間的關(guān)系無非就是兩種父子關(guān)系...
閱讀 2277·2021-09-30 09:48
閱讀 3652·2021-09-24 10:27
閱讀 1810·2021-09-22 15:32
閱讀 2037·2021-08-09 13:44
閱讀 3588·2019-08-30 15:55
閱讀 1061·2019-08-29 17:12
閱讀 2022·2019-08-29 17:05
閱讀 2932·2019-08-29 13:43
