vue中template中的scope到底是个什么？

在使用ElementUI组件开发项目，我们经常使用template中的作用域插槽，它的作用是在外部获取组件内的数据 ,这里是为了获取这一行的数据，我们让slot-scope值为scope，那么由scope.row就可以得到数据了。拿到这一行的数据，也就可以拿到这一行的id，如图所示：

那我们怎么验证呢？

错误示范：如果我们直接这么操作，很遗憾是不能在页面上铺出来的，而且可能页面上的数据也会丢失

所以啊，在这里我提供一个小方法，我们定义一个函数，让scope作为参数传递进来，这样我们就在控制台把它打印出来，代码如下：

正确示范：

 

<script>
export default {
    methods:{
        fun(scope){
            console.log(scope)
        }
    }    
}
script>

​

快来试试吧