slot使用实例分析

这篇文章主要介绍“slot使用实例分析”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“slot使用实例分析”文章能帮助大家解决问题。

站在用户的角度思考问题,与客户深入沟通,找到康巴什网站设计与康巴什网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站设计制作、网站建设、企业官网、英文网站、手机端网站、网站推广、域名注册网站空间、企业邮箱。业务覆盖康巴什地区。

使用slot场景一:

子组件Minput.vue

父组件Minput

可以显示吗

这种情况下Minput标签内的文字是不会渲染出来的

如果现在想在里面把文字渲染出来怎么办

好用slot

子组件

这样的话,父组件的里面的文字就可以渲染出来

场景二:具名插槽

子组件he.vue

父组件

helloworld

渲染出来的结果就是

helloworld

场景三

子组件child

这是h2

这是分发内容,只有在没有分发内容的情况下显示

父组件

这是一段p

两段p

渲染出来就是

这是h2

这是一段p

两段p

如果父组件

那么渲染出来的就是

这是h2

这是分发内容,只有在没有分发内容的情况下显示

场景四:作用域插槽

父组件

hellofromparent

{{props.text}}

x渲染的话就是

hellofromparent

hellofromchild

关于“slot使用实例分析”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


标题名称:slot使用实例分析
文章出自:http://bzwzjz.com/article/ghooji.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 手机网站建设 手机网站制作 企业手机网站建设 成都网站设计 重庆网站建设 企业网站建设公司 成都网站建设 网站建设公司 成都响应式网站建设 网站建设 成都网站建设 网站建设方案 成都网站制作 成都网站建设 企业网站设计 成都网站设计 手机网站制作 泸州网站建设 成都h5网站建设 网站建设方案 上市集团网站建设 成都网站设计制作公司