我想自己封裝一個帶有搜索功能的表格組件,于是創(chuàng)建了一個子組件tableWithSearch<template>{{tableData}} <!-- a.此處看父組件傳過來的值--><div>
<table :column="tableColumn" :data="tableDataAfterSearch"></table><div> </template> <script>export defualt{ props:{ tableColumn:{ required:true
}, tableData:{ required:true
}
}, methods:{
initData(){ //這里是吧tableData轉換成tableDataAfterSearch的方法
console.log(this.tableData) //b.第二個shu'chu
}
}
} </script></template>父組件中,在mounted時從后臺用axios獲取數(shù)據(jù),然后用this.$ref.searchTable調用子組件的init方法,結果a出的輸出是正常的后臺取到的值而b處的輸出則是空。父組件中添加一個按鈕,按鈕觸發(fā)取數(shù)的函數(shù)后,ab兩處才都是正常的數(shù)。這個是什么回事?
一個關于vue子組件props數(shù)據(jù)的奇怪問題。
收到一只叮咚
2019-01-28 10:33:34