薰 风 2021-06-16 10:11 采纳率: 63.3%
浏览 63
已采纳

如何使用以下方法写出v-slot普通插槽

<script src="./js/vue.js"></script>

</head>

<body>

  <!-- 插槽名 (可选,默认值是 default) -->

  <div id="app">

    <News>

      <p>我是父组件</p>

      <p>我也是</p>

    </News>

  </div>

  <script>

    Vue.component('News', {

      template: `

      <div v-slot>

        <p>我是匿名插槽 </p>

      </div>

       `

    });

    var vm = new Vue({

      el: "#app"

    })

  </script>

</body>


 

</html>

//一直报错   

 [Vue warn]: Failed to resolve directive: slot

(found in <News>)
 

  • 写回答

1条回答 默认 最新

  • 不安于命 2021-06-16 10:29
    关注

    多去看看插槽的概念,你连插槽的概念都没搞清楚,父组件:  <News><p>我是插槽</p></News>;子组件:

     template: ` <div ><slot></slot></div>`

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥20 机器学习能否像多层线性模型一样处理嵌套数据
  • ¥20 西门子S7-Graph,S7-300,梯形图
  • ¥50 用易语言http 访问不了网页
  • ¥50 safari浏览器fetch提交数据后数据丢失问题
  • ¥15 matlab不知道怎么改,求解答!!
  • ¥15 永磁直线电机的电流环pi调不出来
  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
  • ¥20 docker里部署springboot项目,访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效