vue-子组件获取不到父组件最新的值

父组件传值

    <ModifyClassPopup
      :classItem="classItem"
    />

子组件获取值

  props: {
    classItem: Object, //选中的班级
  },

如果需要根据父组件传的值来显示不同的页面值

直接用this.classItem.name是渲染不出来的

需要在子组件中使用data定义

 data() {
    let validateclassNameAccount = (rule, value, callback) => {
      if (value) {
        callback();
      } else {
        callback(new Error("请输入班名"));
      }
    };
    return {
      from: { classNameAccount: this.classItem.ename },
      classNameRules: {
        classNameAccount: [
          {
            required: true,
            validator: validateclassNameAccount,
            trigger: "blur",
          },
        ],
      },
    };

使用wacth刷新页面

  watch: {
    classItem(val) {
      this.from.classNameAccount = val.ename;
    },
  },