slot使用实例分析
这篇文章主要介绍“slot使用实例分析”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“slot使用实例分析”文章能帮助大家解决问题。
站在用户的角度思考问题,与客户深入沟通,找到康巴什网站设计与康巴什网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站设计制作、网站建设、企业官网、英文网站、手机端网站、网站推广、域名注册、网站空间、企业邮箱。业务覆盖康巴什地区。
使用slot场景一:
子组件Minput.vue
父组件Minput
这种情况下Minput标签内的文字是不会渲染出来的
如果现在想在里面把文字渲染出来怎么办
好用slot
子组件
这样的话,父组件的里面的文字就可以渲染出来
场景二:具名插槽
子组件he.vue
父组件
渲染出来的结果就是
helloworld
场景三
子组件child
这是h2
父组件
这是一段p
两段p
渲染出来就是
这是h2
这是一段p
两段p
如果父组件
那么渲染出来的就是
这是h2
这是分发内容,只有在没有分发内容的情况下显示场景四:作用域插槽
父组件
hellofromparent
{{props.text}}
x渲染的话就是
hellofromparent
hellofromchild
关于“slot使用实例分析”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。
分享题目:slot使用实例分析
标题网址:http://lswzjz.com/article/ghooji.html