亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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

vue 父組件向子組件通過props傳遞數據不能用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>此時我們在子組件input框中任意修改是不報錯的,應為我們通過父組件傳過來的值是復合類型數據,當我們改為普通類型的數據時就會報錯,如下報錯的原因是我們修改如下父組件代碼    <template>         <div>             <item1 :test="1"></item1>         </div>     </template>子組件代碼<template>     <div>         <input v-model="test">     </div> </template> <script>     export default {             props: {                         test: Number         }     }</script>有誰能解釋下么?
查看完整描述

3 回答

?
夢里花落0921

TA貢獻1772條經驗 獲得超6個贊

vue 單向數據流動 子組件想修改父組件的值 需要用 $emit

第一次綁定的是引用數據類型,綁定的是引用地址,子組件修這個引用類型的值,vue不會報警告。
第二次 基礎類型值 子組件直接修改 父組件傳遞的props vue會拋出警告。


查看完整回答
反對 回復 2018-07-11
?
守著一只汪

TA貢獻1872條經驗 獲得超4個贊

以前是可以的,貌似有個版本更新之后就會報警告了,子組件不能直接修改props數據。能修改的方式很多,可以用emit觸發,或者搭一個bus線,或者用vuex。直接修改的方式不提倡。

查看完整回答
反對 回復 2018-07-11
?
烙印99

TA貢獻1829條經驗 獲得超13個贊

參考一下這個 也可以實現你的需求


查看完整回答
反對 回復 2018-07-11
  • 3 回答
  • 0 關注
  • 3693 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號