【问题标题】:Vue.js fragment instanceVue.js 片段实例
【发布时间】:2026-01-28 05:30:02
【问题描述】:

我真的不知道,为什么碎片是问题。

<template>
   <div id="page">
   </div>

   <div class="some">
   </div>
</template>

[Vue 警告]:组件“div”上的属性“id”被忽略

【问题讨论】:

    标签: javascript vue.js


    【解决方案1】:

    您需要将模板的内容包装在另一个 div 中。渲染它时,需要单个根元素来替换

    <template>
     <div>
       <div id="page">
       </div>
    
       <div class="some">
       </div>
      </div>
    </template>
    

    【讨论】:

      【解决方案2】:

      Vue v3 现在支持多根模板。您的代码应该开箱即用。

      https://v3.vuejs.org/guide/migration/fragments.html

      【讨论】: