0
点赞
收藏
分享

微信扫一扫

将表格中数据改为链接形式(插槽获取当前行数据)

kiliwalk 2022-02-18 阅读 62

1、获取列表当前行数据经常会用到插槽

 <el-table-column prop="title" label="标题">
                  <template slot-scope="scope">
                    <el-link type="primary">{{scope.row.title}}</el-link>
                  </template>
 </el-table-column>

如上图所示,要获取表格中这一行数据中的title

scope相当于一行的数据, scope.row相当于当前行的数据对象。这里就是用插槽 拿到当前行 row是个内置的属性 ,vue slot的scope传递值是父作用域中的源数据改变,值会同步改变。

scope.$index 可以获取到当前行的index。

举报

相关推荐

0 条评论