vue.js单个slot

最新推荐文章于 2024-07-11 20:55:36 发布

a1178939617

最新推荐文章于 2024-07-11 20:55:36 发布

阅读量87

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/complete94/p/6726566.html

版权

刚开始看这个slot的时候有点蒙，想了几分钟才明白过来，汗颜

<script>
  var mycompoent = Vue.extend({
    template:"<div><h2>子组件标题</h2><slot>如果有内容不显示这句话</slot></div>"
 
})

new Vue({

 el:"#app",
components:{
   "mycomponent":mycompoent
  }
})

</script>

<body>
  <div id="app">
        <h1>父组件标题</h1>
<mycomponent>

   <p>因为有p标签元素，所以slot里面的内容不会显示，可以试试把p标签不要试试</p>

</mycomponent>
  </div>

</body>

转载于:https://www.cnblogs.com/complete94/p/6726566.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

a1178939617

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue.js单个slot

刚开始看这个slot的时候有点蒙，想了几分钟才明白过来，汗颜<script> var mycompoent = Vue.extend({ template:"<div><h2>子组件标题</h2><slot>如果有内容不显示这句话</slot></div>" })...
复制链接

扫一扫