Vue作用域插槽slot-scope实例代码-创新互联

vue中的插槽有三种:单个插槽、具名插槽、作用域插槽,这个在官网上能看到

创新互联公司公司2013年成立,是专业互联网技术服务公司,拥有项目网站设计、成都网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元申扎做网站,已为上家服务,为申扎各地企业和个人服务,联系电话:18980820575

(https://cn.vuejs.org/v2/guide/components.html#单个插槽)

作用域插槽简单来说就是父组件只管显示样式,数据由子组件来提供。比如上面的代码,el-table-column内的template是传递给其内部solt的显示内容,但是scope的值是由el-table-column内部solt绑定的数据返回的。这个数据具体是什么由el-table-column中指定,类似:


export default {
data: function(){
return {
data: ['1','2','3','4','5','6']
}
},
}

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前名称:Vue作用域插槽slot-scope实例代码-创新互联
当前网址:http://cdiso.cn/article/cddjop.html

其他资讯