美文网首页
vue 父传子字段怎么在methods中使用

vue 父传子字段怎么在methods中使用

作者: love_peaches | 来源:发表于2020-09-29 17:10 被阅读0次

在vue开发中,经常会有组件之间的传值问题。我相信大家都很熟悉,props ,$emit等接受使用;
今天就记录一下,父传子 通过props接受的属性怎么在方法中使用
这是在父组件中引入的子组件

<tran-echart :my-date="this.nowTime"></tran-echart>

my-date是子组件中需要接受的

 props: {
    myDate: String,
  }

除了这样{{myDate}}
如果想在方法中使用,就需要用到watch啦

  watch: {
    myDate: {
      handler(newValue, oldValue) {
        if (newValue) {
          this.myDate = newValue;//newValue传递的值, this.myDate 自定义的字段叫啥都行
          this.gpList();//调用你需要的方法哟!
        }
      },
      deep: true,//确认是否深入监听。(一般监听时是不能监听到对象属性值的变化的,数组的值变化可以听到。)
      immediate: true,//确认是否以当前的初始值执行handler的函数
    },
  },

今日记录完毕!有问题可以互相讨论一下~~

相关文章