vue2.0子組件修改父組件數據

zhonghanwen 發布于2019-08-30 13:20 / 3020人閱讀

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

從vue1.0升級至2.0之后 prop的.sync被去除因此直接在子組件修改父組件的值是會報錯的目的是為了阻止子組件影響父組件的數據
那么在vue2.0之后如何在子組件修改父組件props傳過來的值呢？
思路是通過子組件$emit發射一個方法

$emit("increment",val);

在父組件使用子組件的地方用v-on綁定這個自定義事件

然后在父組件定義這個方法

methods:{
  incrementTotal(val) {
      this.val = val;
    } 
}

雖然這種方式可以修改父組件數據，但是官方是不推薦在組件內修改通過props傳入的父組件數據，而是推薦使用vuex

GPU云服務器云服務器子組件 vue2.0 cdn 大數據開發組件數據可視化組件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/115481.html

vue2.0子組件修改父組件數據

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

iamyoung001 2019-08-20 13:36 評論0 收藏0
vue2.0子組件修改父組件數據

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

keithxiaoy 2019-08-01 16:11 評論0 收藏0
vue2實踐（持續更新）

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

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

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

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