• ElementUI的Form表单使用slot-scope=“scope“获取当前表格行数据实现数据回显、修改表单操作


    在写项目时,老师通过向后端发请求获得表格原来的数据来填充修改表单里的数据。
    这是表格:
    在这里插入图片描述
    这是点击修改按钮后显示出来的修改表单:
    在这里插入图片描述

    但本地里都已经有这些数据了,就没必要再发一次请求,徒增服务器压力。

    准备

    可是该怎么获得当前行的数据填充上去呢?答案在slot-scope="scope"
    slot-scope="scope"本质上就是一个插槽,scoperow属性有着表格一整行的数据。
    它还有其他有用的属性,比如$index,这里不多介绍。

    步骤

    1. 把原来的修改按钮包裹在