作用域插槽slot-scope

        一般用于组件封装,将使用props传入组件的数据再次调出来或者单纯调用组件中的数据。也可用于为组件某个部分自定义样式以及为某次使用组件自定义样式。
        直接拿elementui的el-table举例:





        可以看到子组件中使用了template标签,还能拿到参数。

        自己封装方法如下(用的vue3,vue2的话v-slot:default=""改成slot-scope然后3和2语法换一换就行了):

        子组件:






        父组件:






        效果:

作用域插槽slot-scope_第1张图片

        这里只是基础用法,具体封装传递参数还要根据需求来。 

你可能感兴趣的:(vue.js,前端,javascript,html,elementui)