PC后台项目学习_01

205 阅读1分钟

今天实现列表的编辑功能:

点击【编辑】按钮,打开对话框,显示此条记录的信息。

1.编辑按钮

用element的嵌套表单的Dialog组件

image.png

2.绑定一个点击事件

@click="handleAlterUrlSchema(scope.row)

1)method里面定义一个函数

这个函数包含"dialogTableVisible = true和点击编辑时拿到的这行数据。

image.png

this是一整个实例,this会直接去data里面找。

image.png

2)用:visible.sync绑定一个布尔值变量,控制弹窗的显示与隐藏

 <el-dialog title="编辑" :visible.sync="dialogFormVisible">

3)绑定点击事件handleAlterUrlSchema(scope.row);

4)在data存传过来的row,默认空对象;

image.png

3.拿数据

image.png

4.测试

image.png 可以打开对话框,显示此条记录的信息。