小编u.d*_*dev的帖子

Vue:根元素内容和内容分发槽

templateVue构造函数选项的Vue文档中指出,除非除非模板中存在内容分发槽,否则不会显示根元素的内容。但是,当尝试编写如下内容时:

new Vue({
  el: '#app',
  template: `
    <div>
      <h1>App title</h1>
      <slot></slot>
    </div>
  `
});
Run Code Online (Sandbox Code Playgroud)
<html>

<body>
  <div id="app">
    App content
  </div>
  <script src="https://unpkg.com/vue@2.5.13/dist/vue.js"></script>
</body>

</html>
Run Code Online (Sandbox Code Playgroud)

不包括根元素中的内容,正确的方法是什么?

或在创建vue实例时以编程方式注入其他内容的建议方法是什么?

vue.js vuejs2

5
推荐指数
1
解决办法
1561
查看次数

标签 统计

vue.js ×1

vuejs2 ×1