比如
<template>
<a href="#" @click.prevent="editBook">编辑</a>
<a href="#" @click.prevent="addBook">添加</a>
<book-form :item='infos'></book-form>
</template>
<script>
import BookForm from 'components/Book/form'
export default {
data() {
return {
infos: {}
}
},
methods: {
editBook() {
this.infos = {book_id: 1, is_some_status: true}
},
addBook() {
this.infos = {}
}
},
components: {BookForm}
}
</script>
如上,在 book-form 组件中,item 值有配置 default 值,如果我们在调用该组件的时候不设置 item 属性,则会启用该 default 值;
那么,比如上面的 addBook 中,怎么设置 this.infos,可以使用该组件的 item 默认值(而不是把默认配置再在这里再赋一遍)。(尝试过 undefined, null 等均不行)
谢谢
Cats萌萌
相关分类