怎么使用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://ybzwz.com/article/gejoic.html

其他资讯