vue 父组件传子组件数值，父值变更子获取的值没有变的问题

1.父组件给子组件传值，子组件使用props接收值。//父组件页面<div><TransChart :start-time="startTime" :end-time="endTime"/></div>//子组件页面props: ['startTime', 'endTime'],问题：父组件页面在变更startTime和endTime时，子组件的值不会随之改变。

Endless Daydream233

3711人浏览 · 2020-06-30 10:31:55

Endless Daydream233 · 2020-06-30 10:31:55 发布

1.父组件给子组件传值，子组件使用props接收值。

//父组件页面
<div>
<TransChart :start-time="startTime" :end-time="endTime"/>
</div>

//子组件页面
props: ['startTime', 'endTime'],

问题：父组件页面在变更startTime和endTime时，子组件的值不会随之改变。
解决办法：在子组件内使用 watch 检测数据变动

watch: {
    endTime: function() {
      this.initData()
    }
  },

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^