父組件代碼 <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>有誰能解釋下么?
vue 父組件向子組件通過props傳遞數據不能用v-model綁定?
天涯盡頭無女友
2018-07-05 12:12:38