vue 中slot-scope的作用

悠悠 2023-09-24 15:59 143阅读 0赞

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作为传递,如图所示:

在这里插入图片描述

代码如下:

  1. <template slot-scope='scope'>
  2. {
  3. {scope.row}}
  4. </template>

发表评论

表情:
评论列表 (有 0 条评论,143人围观)

还没有评论,来说两句吧...

相关阅读

    相关 vue slot-scope作用

    > 1.slot-scope="scope"来取得作用域插槽:data绑定的数据,scope可以随便替换其他名称,只是定义对象来代表取得的data数据,用于使用而已。 > >