vue2.0子組件修改父組件數(shù)據(jù)

keithxiaoy 發(fā)布于2019-08-01 16:11 / 675人閱讀

摘要：從升級至之后的被去除因此直接在子組件修改父組件的值是會報錯的目的是為了阻止子組件影響父組件的數(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

云服務(wù)器 GPU云服務(wù)器子組件 vue2.0 cdn 大數(shù)據(jù)開發(fā)組件數(shù)據(jù)可視化組件

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/50353.html

相關(guān)文章

vue2.0子組件修改父組件數(shù)據(jù)

摘要：從升級至之后的被去除因此直接在子組件修改父組件的值是會報錯的目的是為了阻止子組件影響父組件的數(shù)據(jù)那么在之后如何在子組件修改父組件傳過來的值呢思路是通過子組件發(fā)射一個方法在父組件使用子組件的地方用綁定這個自定義事件然后在父組件定義這個從vue1.0升級至2.0之后 prop的.sync被去除因此直接在子組件修改父組件的值是會報錯的目的是為了阻止子組件影響父組件的數(shù)據(jù)那么在vue2...

zhonghanwen 2019-08-30 13:20 評論0 收藏0
vue2.0子組件修改父組件數(shù)據(jù)

摘要：從升級至之后的被去除因此直接在子組件修改父組件的值是會報錯的目的是為了阻止子組件影響父組件的數(shù)據(jù)那么在之后如何在子組件修改父組件傳過來的值呢思路是通過子組件發(fā)射一個方法在父組件使用子組件的地方用綁定這個自定義事件然后在父組件定義這個從vue1.0升級至2.0之后 prop的.sync被去除因此直接在子組件修改父組件的值是會報錯的目的是為了阻止子組件影響父組件的數(shù)據(jù)那么在vue2...

iamyoung001 2019-08-20 13:36 評論0 收藏0
vue2實踐（持續(xù)更新）

摘要：記錄一些小技巧和踩過的坑由于本篇文章內(nèi)容太多，導(dǎo)致編輯器有點卡，所以新開辟了一篇實踐二，后續(xù)再這里更新。組件的生命周期函數(shù)是在標簽里的數(shù)據(jù)發(fā)生變化時候觸發(fā)數(shù)據(jù)可能更新了，但是沒有綁定到上面的話，不會調(diào)用鉤子函數(shù)。記錄一些小技巧和踩過的坑由于本篇文章內(nèi)容太多，導(dǎo)致SF編輯器有點卡，所以新開辟了一篇 vue2實踐（二），后續(xù)再這里更新。 1. props 帶不帶冒號的區(qū)別 ...

n7then 2019-08-20 15:05 評論0 收藏0
vue2.0開發(fā)聊天程序（三）組件的通信

摘要：我在中寫了這段代碼在組件被創(chuàng)建時候?qū)?zhí)行此函數(shù)相當于進入頁面的自執(zhí)行使用方法監(jiān)聽屬性并執(zhí)行一個回調(diào)函數(shù)按道理在元素被創(chuàng)建的時候，會將監(jiān)聽到的值賦給并且打印。天地不仁以萬物為芻狗，宇宙無義視眾生如螻蟻　　　　　　　　　　　　　　　　　　——蕭鼎和我上一節(jié)列出了５個關(guān)鍵點，第一個路由已經(jīng)解決了，接下來解決第二個問題：組件的通信問題一、組件的關(guān)系組件之間的關(guān)系無非就是兩種父子關(guān)系...

ddongjian0000 2019-08-21 11:27 評論0 收藏0