在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue父組件向子組件傳遞數(shù)據(jù)

vue父組件向子組件傳遞數(shù)據(jù)

父組件向子組件中傳遞了一個對象，
tableData: {

key: '單號',
value: '1001',
number: '8485',
money: '900',

},

我在子組件中接受這個對象

<table class="mailTable">
    <tr>
        <td>{{tableData.key}}</td>
        <td>{{tableData.value}}</td>
        <td>{{tableData.number}}</td>
        <td>{{tableData.money}}</td>
    </tr>
</table>

export default {
    props: ['tableData']
}

結果

clipboard.png

是我在子組件中有什么地方寫錯了嗎

回答
編輯回答
伴謊

父組件沒有把這個值傳給子組件：

<div></div>
<erzi :tableData="tableData"></erzi>
<div></div>
2017年4月30日 08:00
編輯回答
菊外人

首先，你需要確認父組件中tableData是否寫在了data或者computed屬性中，如

data () {
    return {
        tableData: {
            key: '單號',
            value: '1001',
            number: '8485',
            money: '900'
        }
    }
}

然后，確認父組件是否真的把屬性傳過去了，假設子組件叫com，注意駝峰命名要改為短橫線連接的命名:

<com :table-data="tableData"></com>
2017年4月28日 22:16