vue element-ui 添加与编辑使用一个drawer

截图，附代码

大致说一下思路，添加按钮点击时，附一个添加的标题，调用自定义的方法让input中置空，当点击提交按钮时，进行三目运算符的判断。

 这里的title按照这个格式写，不同的按钮所显示出来的drawer标题不同,需要当你点击的时候给dialogStatus赋值。

:title="textMap[dialogStatus]"

确认按钮：这里来区别是空的input（新增）还是有数据的（编辑）

 

@click="dialogStatus==='create'?createData():updateData()"

data中

dialogStatus: '',
      textMap: {
        update: 'Edit',
        create: 'Create'
      },

 这里就可能会遇到当点击添加操作，显示的input中还是有数据的，需要如下操作。（给dialogStatus赋值）

 

 加个方法，让它给你调用的数据所在的对象置空。这样点击添加按钮就不会有数据了。