Vue.js可以在没有为两个div指定根元素或vue el的情况下进行模板
Vue.js可以在没有为两个div指定根元素或vue el的情况下进行模板
提问于 2017-08-19 17:57:16
HTML：
<div class="a">
Some HTML ...
</div>
<div class="b">
Some HTML
</div>Javascript：
new Vue({
el: "#item_info",
....
....
(Other Config)
....
....
})上面的两个div需要显示来自vue的信息，
我尝试使用<template></template>，如下所示：
<template>
(my two div)
</template>但是它不起作用，因为两个div都需要在根元素中。
我知道如果我将我的html修改为：
<div id="item_info">
<div class="a"></div>
<div class="b"></div>
</div>它可以工作，但我没有修改基本Html结构的权限
有没有其他方法可以帮助我解决这个问题？
回答 2
Stack Overflow用户
发布于 2017-08-20 17:25:50
也许您应该尝试将这些div拆分为两个组件，然后将它们添加到父组件中。
One.vue
<template>
<div class="a">
Some HTML ...
</div>
</template>Two.vue
<template>
<div class="b">
Some HTML
</div>
</template>Three.vue
<template>
<One></One>
<Two></Two>
</template>Stack Overflow用户
发布于 2017-08-19 18:33:00
如果你没有授权，那么我认为你也不能放入那个<template></template>。Vue JS不允许选择多个元素。但是你也可以使用Vue组件，请参考Vue JS的官方链接：https://vuejs.org/v2/guide/components.html。
但是记住组件也需要一个根元素。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45770145
复制相关文章
相似问题
腾讯云开发者
