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://pwwzsj.com/article/ghooji.html

其他资讯