1.slot-scope="scope"来取得作用域插槽:data绑定的数据,scope可以随便替换其他名称,只是定义对象来代表取得的data数据,用于使用而已。
总的来说就是 scope-slot就是可以用子组件里面的数据, 可以操作子组件里面的数据.
而scope-slot后面接的内容就是个别名, 或者说变量也行, 是指向子组件里data():function里面的数据.
2.在我们使用vue中的ele-ui组件的时候,我们经常使用template插槽,其中的slot-scope的一个作用就是获取当前所在元素的数据,令slot-scope值为scope,那么由scope.row就可以得到数据了。这个作用我们也经常拿来得到一些id作为传递,如图所示:
文章来源:https://www.toymoban.com/news/detail-601099.html
代码如下:文章来源地址https://www.toymoban.com/news/detail-601099.html
<template slot-scope='scope'>
{{scope.row}}
</template>
到了这里,关于vue 中slot-scope的作用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!