在父页面如何传递一个对象到子组件呢,先看代码在简单说两句。首先需要一个对象。在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里就可以做一些自己的操作了,赋值,执行方法都可以。

Logo

前往低代码交流专区

更多推荐