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