子组件creditCard.vue 里的代码import { defineProps } from 'vue'; interface tableData { } defineProps({ tableData: {type: Array as () => tableData[],default: () => [ ] } })里的default里面写什么才能拿到父组件const tableData = [{type: '储蓄卡',number: '123',balance: 12314]}里的值
时间: 2024-02-18 13:01:48 浏览: 76
如果你想在子组件 `creditCard.vue` 中获取到父组件传递的 `tableData` 值,可以将 `default` 属性设置为父组件传递的 `tableData` 值,像这样:
```javascript
import { defineProps } from 'vue';
interface tableData {
type: string;
number: string;
balance: number;
}
defineProps({
tableData: {
type: Array as () => tableData[],
default: () => [{
type: '储蓄卡',
number: '123',
balance: 12314
}]
}
})
```
这样,如果父组件 `tableData` 值没有传递,子组件 `tableData` 就会默认取到 `{ type: '储蓄卡', number: '123', balance: 12314 }`,如果父组件传递了 `tableData` 值,子组件 `tableData` 就会取到父组件传递的值。
阅读全文
相关推荐
















