关于slot-scope="scope"

Posted qiansk

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于slot-scope="scope"相关的知识,希望对你有一定的参考价值。

是什么:作用域插槽

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

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"的主要内容,如果未能解决你的问题,请参考以下文章

关于Element UI Table 的 slot-scope

antd vue里面 a-table再次封装,slot-scope如何跨组件传递?

使用slot-scope复制vue中slot内容

使用slot-scope复制vue中slot内容

使用slot-scope=“scope“出错问题

使用slot-scope=“scope“出错问题