Vue父页面传递对象到子组件
在父页面如何传递一个对象到子组件呢,先看代码在简单说两句。首先需要一个对象。在data里定义好。dataSimple: {id: "1",name: "你好",}然后是子组件调用<Simpleref="simple":dataSimple="dataSimple"></Simple>接着在子组件的prop属性下写上对应的参数名props: {
·
在父页面如何传递一个对象到子组件呢,先看代码在简单说两句。首先需要一个对象。在data
里定义好。
dataSimple: {
id: "1",
name: "你好",
}
然后是子组件调用
<Simple
ref="simple"
:dataSimple="dataSimple"
></Simple>
接着在子组件的prop属性下写上对应的参数名
props: {
dataSimple: { type: Object },
},
然后写一个监听。
watch: {
dataSimple: {
immediate: true, //绑定值就开始执行监听,而不是等值改变。
handler(newValue, oldValue) {
//doSometing
},
},
},
在handler
里就可以做一些自己的操作了,赋值,执行方法都可以。
更多推荐
已为社区贡献2条内容
所有评论(0)