今天实现列表的编辑功能:
点击【编辑】按钮,打开对话框,显示此条记录的信息。
1.编辑按钮
用element的嵌套表单的Dialog组件
2.绑定一个点击事件
@click="handleAlterUrlSchema(scope.row)
1)method里面定义一个函数
这个函数包含"dialogTableVisible = true和点击编辑时拿到的这行数据。
this是一整个实例,this会直接去data里面找。
2)用:visible.sync绑定一个布尔值变量,控制弹窗的显示与隐藏
<el-dialog title="编辑" :visible.sync="dialogFormVisible">
3)绑定点击事件handleAlterUrlSchema(scope.row);
4)在data存传过来的row,默认空对象;
3.拿数据
4.测试
可以打开对话框,显示此条记录的信息。