2021-05-16

论vue一个弹窗两种用法

准备两个页面 ,一个组件 ,一个主页

将子组件引入到父组件

根据isEdit不同的boolean值，决定显示不同的标题： 添加和编辑。

在编辑时，只有第一次点编辑时，才能正确显示。随后再点编辑，数据显示不正确了

 

 

 // 用户点击了编辑
    hEdit(id) {
      // 1. 弹层出来
      this.showDialog = true
      // 3. 传递一个标识给子组件，告诉它我们现在是编辑状态
      this.isEdit = true
    },
    // 用户点击了新增
    hAdd(id) {
      // 1. 弹层出来
      this.showDialog = true
      // 3. 传递一个标识给子组件，告诉它我们现在是编辑状态
      this.isEdit = false
    },