本篇文章給大家分享的是有關(guān)vue中子組件的默認(rèn)傳值是什么,小編覺(jué)得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話(huà)不多說(shuō),跟著小編一起來(lái)看看吧。
創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),崗巴企業(yè)網(wǎng)站建設(shè),崗巴品牌網(wǎng)站建設(shè),網(wǎng)站定制,崗巴網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷(xiāo),網(wǎng)絡(luò)優(yōu)化,崗巴網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力??沙浞譂M(mǎn)足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專(zhuān)業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶(hù)成長(zhǎng)自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。當(dāng)父組件中的content值沒(méi)有傳入時(shí),子組件利用default屬性設(shè)置默認(rèn)值,此情況時(shí),頁(yè)面會(huì)顯示default value。
當(dāng)傳入content的值時(shí),default屬性的默認(rèn)值不生效,界面顯示為:
補(bǔ)充知識(shí):Vue父組件向子組件傳值遇到的BUG
當(dāng)子組件中含有props屬性,使用ref對(duì)其中的prop屬性賦值時(shí)報(bào)錯(cuò)
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "werks"
大致意思是:
當(dāng)你通過(guò)直接修改子組件(this.$ref[])的方式向子組件傳值, 父組件重新渲染的時(shí)候子組件的修改將會(huì)被覆蓋, 所以建議直接在子組件data中定義一個(gè)值(然后使用ref訪(fǎng)問(wèn)、修改)或者定義一個(gè)基于該prop的計(jì)算屬性來(lái)給這個(gè)prop賦值
以上就是vue中子組件的默認(rèn)傳值是什么,小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘9ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
本文標(biāo)題:vue中子組件的默認(rèn)傳值是什么-創(chuàng)新互聯(lián)
分享鏈接:http://www.rwnh.cn/article14/cegcde.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、商城網(wǎng)站、網(wǎng)站內(nèi)鏈、ChatGPT、Google、企業(yè)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容