Vue.js可以在没有为两个div指定根元素或vue el的情况下进行模板
Vue.js可以在没有为两个div指定根元素或vue el的情况下进行模板
提问于 2017-08-19 09: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 09: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 10:33:00
如果你没有授权，那么我认为你也不能放入那个<template></template>。Vue JS不允许选择多个元素。但是你也可以使用Vue组件，请参考Vue JS的官方链接：https://vuejs.org/v2/guide/components.html。
但是记住组件也需要一个根元素。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45770145
复制相关文章
![[译] SIGTERM：Linux 容器的优雅终止（退出代码 143）](https://ask.qcloudimg.com/http-save/yehe-1952081/f7c2fabdb4e1a2dbb27501f0408bb2a2.jpeg)
![[译] SIGSEGV：Linux 容器中的分段错误（退出代码 139）](https://ask.qcloudimg.com/http-save/yehe-1952081/7d2d0904fea1d0551959763150a00973.jpeg)
点击加载更多
相似问题
Docker-compose容器退出，代码为0
Docker-compose容器退出，状态为0
Docker容器在docker-compose up -d之后退出，代码为0
如何调试随机退出代码为0的停靠容器
容器退出时，使用代码0退出的下列消息停靠容器
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
