第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

vue 父組件向子組件通過props傳遞數(shù)據(jù)不能用v-model綁定?

vue 父組件向子組件通過props傳遞數(shù)據(jù)不能用v-model綁定?

天涯盡頭無女友 2018-07-05 12:12:38
父組件代碼    <template>         <div>             <item1 :test="{test:1}"></item1>         </div>     </template>子組件代碼<template>     <div>         <input v-model="test.test">     </div> </template> <script>     export default {             props: {                         test: Object         }     }</script>此時(shí)我們?cè)谧咏M件input框中任意修改是不報(bào)錯(cuò)的,應(yīng)為我們通過父組件傳過來的值是復(fù)合類型數(shù)據(jù),當(dāng)我們改為普通類型的數(shù)據(jù)時(shí)就會(huì)報(bào)錯(cuò),如下報(bào)錯(cuò)的原因是我們修改如下父組件代碼    <template>         <div>             <item1 :test="1"></item1>         </div>     </template>子組件代碼<template>     <div>         <input v-model="test">     </div> </template> <script>     export default {             props: {                         test: Number         }     }</script>有誰能解釋下么?
查看完整描述

3 回答

?
夢(mèng)里花落0921

TA貢獻(xiàn)1772條經(jīng)驗(yàn) 獲得超6個(gè)贊

vue 單向數(shù)據(jù)流動(dòng) 子組件想修改父組件的值 需要用 $emit

第一次綁定的是引用數(shù)據(jù)類型,綁定的是引用地址,子組件修這個(gè)引用類型的值,vue不會(huì)報(bào)警告。
第二次 基礎(chǔ)類型值 子組件直接修改 父組件傳遞的props vue會(huì)拋出警告。


查看完整回答
反對(duì) 回復(fù) 2018-07-11
?
守著一只汪

TA貢獻(xiàn)1872條經(jīng)驗(yàn) 獲得超4個(gè)贊

以前是可以的,貌似有個(gè)版本更新之后就會(huì)報(bào)警告了,子組件不能直接修改props數(shù)據(jù)。能修改的方式很多,可以用emit觸發(fā),或者搭一個(gè)bus線,或者用vuex。直接修改的方式不提倡。

查看完整回答
反對(duì) 回復(fù) 2018-07-11
?
烙印99

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超13個(gè)贊

參考一下這個(gè) 也可以實(shí)現(xiàn)你的需求


查看完整回答
反對(duì) 回復(fù) 2018-07-11
  • 3 回答
  • 0 關(guān)注
  • 3707 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)