网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

怎么使用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在子组件显示父组件传递的模板
URL分享:http://bjjierui.cn/article/gejoic.html

其他资讯