资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

怎么使用vue中slot在子组件显示父组件传递的模板

本文小编为大家详细介绍“怎么使用vue中slot在子组件显示父组件传递的模板”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么使用vue中slot在子组件显示父组件传递的模板”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

创新互联公司成都企业网站建设服务,提供成都网站设计、网站制作、外贸营销网站建设网站开发,网站定制,建网站,网站搭建,网站设计,成都响应式网站建设公司,网页设计师打造企业风格网站,提供周到的售前咨询和贴心的售后服务。欢迎咨询做网站需要多少钱:18982081108

父组件使用没有指定slot属性,默认为default

在slot中可以使用默认值,如果父组件没有传递对应的slot,则会显示默认值

怎么使用vue中slot在子组件显示父组件传递的模板




  
  


  
    
      
      aaa
    
      

bbb

                  hello

               world       

    
       
              
        modal         如果没有会使用这个默认值       

        title:                         

      content:              
            let modal = {       template: '#modal'     }     new Vue({       el: '#app',       components: {         // es 简写 ,只写一个的意思为         // modal:modal         modal       },       methods: {         click() {           console.log('aaa')         }       }     })   

读到这里,这篇“怎么使用vue中slot在子组件显示父组件传递的模板”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。


标题名称:怎么使用vue中slot在子组件显示父组件传递的模板
本文路径:http://cdkjz.cn/article/gejoic.html
返回首页 了解更多建站资讯
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220