首页 > 其他 > 详细

slot-scope 插槽 的使用 ——'<template slot-scope="page">'

时间:2019-10-28 09:32:21      阅读:685      评论:0      收藏:0      [点我收藏+]
slot-scope="page"
slot-scope 是一个插槽,拿外面的数据,可以获取当前一行的数据
page.row.pageId 拿到当前行数据的pageId
注意:
slot-scope="A" @click="edit(B.row.pageId)
A和B需要保持一致
 1 <el-table-column label="操作" width="300">
 2         <template slot-scope="page">
 3           <el-button
 4             size="small" type="text"
 5             @click="edit(page.row.pageId)">编辑
 6           </el-button>
 7           <el-button
 8             size="small" type="text"
 9             @click="del(page.row.pageId)">删除
10           </el-button>
11           <el-button
12             @click="preview(page.row.pageId)"
13             type="text"
14             size="small">页面预览
15           </el-button>
16           <el-button
17             size="small" type="primary" plain @click="postPage(page.row.pageId)">发布
18           </el-button>
19         </template>
20       </el-table-column>

 

 

  

 

slot-scope 插槽 的使用 ——'<template slot-scope="page">'

原文:https://www.cnblogs.com/sylys/p/11750384.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!