码迷,mamicode.com
首页 > 其他好文 > 详细

关于slot-scope="scope"

时间:2019-07-26 16:04:45      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:scope   ini   调用   top   tooltip   icon   hang   ima   als   

是什么:作用域插槽

做什么:解决父组件模板的所有东西都会在父级作用域内编译;子组件模板的所有东西都会在子级作用域内编译------父组件的模板是无法使用到子组件模板中的数据

slot-scope的出现却实现了父组件调用子组件内部的数据,子组件的数据通过slot-scope属性传递到了父组件

怎么做:

<template slot-scope="scope">
<el-tooltip effect="dark" content="修改角色" placement="top" :enterable=‘false‘>
<el-button type="primary" icon="el-icon-edit" size="mini" @click="changeUser(scope.row.id)" ></el-button>
</el-tooltip>
scope会得到当前模板的数据

 

关于slot-scope="scope"

标签:scope   ini   调用   top   tooltip   icon   hang   ima   als   

原文地址:https://www.cnblogs.com/qiansk/p/11250850.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!