要实现的效果就是:
点击修改按钮,将原数据填入修改的form表单
首先在点击修改按钮时把这一行数据对象传进方法中。
修改的dialog如下:
而我的数据是这样传进来的,如下:
vue的data部分:
methods部分:
我这样写完,数据确实如第二张图所示,都自动填入了修改的表单中,但是我却发现一个问题,就是,input框不能修改了,填入的数据不能更改,这不是搞笑嘛,写入原始数据只是为了方便用户,但如今最基本的修改功能没有了,舍本逐末的感觉了。然后思考了一下,记得v-model不是双向绑定吗,现在为什么那边不能更改呢,于是就想着是不是因为form5这个数据的问题,data部分更改如下:
这样就OK了。
应该是双向绑定,你的数据项必须写在data里边吧。具体的官方说明有空去查找一下。