截图,附代码
大致说一下思路,添加按钮点击时,附一个添加的标题,调用自定义的方法让input中置空,当点击提交按钮时,进行三目运算符的判断。
这里的title按照这个格式写,不同的按钮所显示出来的drawer标题不同,需要当你点击的时候给dialogStatus赋值。
:title="textMap[dialogStatus]"
确认按钮:这里来区别是空的input(新增)还是有数据的(编辑)
@click="dialogStatus==='create'?createData():updateData()"
data中
dialogStatus: '',
textMap: {
update: 'Edit',
create: 'Create'
},
这里就可能会遇到当点击添加操作,显示的input中还是有数据的,需要如下操作。(给dialogStatus赋值)
加个方法,让它给你调用的数据所在的对象置空。这样点击添加按钮就不会有数据了。