页面和组件之间怎么传值回显？？？

Question

写了两个页面主页面user.vue和弹窗useradd.vue，点击编辑按钮时可以打开弹窗子组件,通过scope.row可以拿到当前行的数据,但是不懂怎么把数据回显到弹窗页面

Answer 1

通过props给useradd.vue组件传值

props: {
    info: {
        type: Object,
        default: () => {}
    }    
}

<useradd :info="{{row.data}}"></useradd>

Answer 2

在data中设置个对象变量即可，例如叫form，form.name对应着用户名,form.birthday对应着生日等等。如果是编辑，先赋值给form，弹窗中就显示了。

---

是两个页面吗？截图以为是弹窗来着，那样的话就是楼上说的props传值，还有一种方法就是用refs,例如：

• 父

  <!--引用子组件,加入ref标识-->
  <user-add ref="userAdd"></user-add>

  //调用子组件的方法childEdit
  edit(row){
    this.$refs.userAdd.childEdit(row);
  }

• 子

  childEdit(row){
    //todo,接收到父组件row的值，赋值给用户名、生日等
    //开启弹窗展示
  }