组件上忽略属性“id”

时间:2016-09-25 12:45:02

标签: vue.js vue-resource vue-router

我坚持在我的vuejs应用程序上收到此警告,知道在哪里以及为什么:

build.js:9371 [Vue warn]: Attribute "id" is ignored on component <div> because the component is a fragment instance

我正在使用vue-router,index.html:

<body>
        <div id="app"></div>
</body>

2 个答案:

答案 0 :(得分:1)

只是添加@Roy J所说的内容。查看您的组件。确保所有组件周围都有一个包装dom元素,就像单个父组件一样。总是做的最好的事情是将组件中的所有元素包装在一个父div中。

这样的事情:

<div>
  <div>Some content</div>
  <div> some more content </div>
</div>

这样,Vue知道如何在父应用上安装组件。如果您的组件碎片化,您将得到您正在谈论的错误。 Vue有时并不会告诉您哪个组件完全正确,因此您必须浏览所有组件。

答案 1 :(得分:0)

如果您的组件没有包含DOM元素的单个元素,则它是fragment instance且无法识别。也就是说,如果它扩展到

public class Gui extend JPanel {
    public Dimension getPanelSize(){
        // Get Value code here
    }
}

Gui gui = new Gui();
gui.getPanelSize();

没有正确放置public class Gui extend JPanel { public static Dimension dimension = null; public Gui { dimension = // Initialise value here } } Gui.dimension 的地方。