vue 中slot-scope的作用
的一个作用就是获取当前所在元素的数据,令slot-scope值为scope,那么由scope.row就可以得到数据了。1.slot-scope="scope"来取得作用域插槽:data绑定的数据,scope可以随便替换其他名称,只是定义对象来代表取得的data数据,用于使用而已。2.在我们使用vue中的ele-ui组件的时候,我们经常使用template插槽,其中的slot-总的来说就是 scop
·
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作为传递,如图所示:
代码如下:
<template slot-scope='scope'>
{{scope.row}}
</template>
更多推荐
所有评论(0)