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>

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐