vue2 0子元件修改父元件資料

2021-09-17 19:05:02 字數 377 閱讀 7656

從vue1.0公升級至2.0之後 prop的.sync被去除 因此直接在子元件修改父元件的值是會報錯的 目的是為了阻止子元件影響父元件的資料

那麼在vue2.0之後 如何在子元件修改父元件props傳過來的值呢?

思路是通過子元件$emit發射乙個方法

$emit('increment',val);
在父元件使用子元件的地方用v-on繫結這個自定義事件

然後在父元件定義這個方法

methods: 

}

雖然這種方式可以修改父元件資料,但是官方是不推薦在元件內修改通過props傳入的父元件資料,而是推薦使用vuex

Vue父元件獲取子元件資料

方法 一 從父元件呼叫子元件方法獲取資料 1 子元件addindex.vue寫乙個方法,返回要用的資料 methods 2 在父組aindex.vue件中獲取值 import procedureedit from pages procedure add addindex methods 方法 二 子...

vue子元件實時監聽父元件資料(watch監聽)

files已上傳的檔案 props files data watch 利用watch監聽父元件傳過來的某個資料變化,結果監聽不到,搜尋半天,嘗試半天,發現這種方式只能監聽基礎型別的變數而這傳遞的是個陣列。所以查了下還是做個總結吧。注意 不能在 computed 中改變頁面變數的值,如果需要改變,請使...

Vue 中子元件訪問父元件資料

官方解釋 所有的 prop 都使得其父子 prop 之間形成了乙個單向下行繫結 父級 prop 的更新會向下流動到子元件中,但是反過來則不行。這樣會防止從子元件意外變更父級元件的狀態,從而導致你的應用的資料流向難以理解。我們可以這樣理解,當父級元件的資料發生改變的時候,子級元件接受的資料也會自動發生...