Advertisement

2021年7月5日 解决方法：在Vue中定义多个单标签组件时仅显示第一个组件

阅读量：

发现问题

配置两个模块。无法完整呈现

出现原因分析

在使用单标签的情况下，系统仅呈现首个组件；而切换为双标签形式后，系统则会同时展示两个组件。

代码

html

复制代码 
    <div id="app">
    <!-- 多标签 -->
    <!-- <my_component1></my_component1>
        <my_component2></my_component2> -->
    <!-- 单标签 -->
    <my_component1/>
    <my_component2/>
    </div>
    <!--目的是将box1和box2渲染为app子标签-->
    <template id="comp1"><div class="box1">{{msg}}</div></template>
    <template id="box2"><div class="box2">{{msg}}</div></template>

js

复制代码 
    new Vue({
    el:

全部评论 (0)

还没有任何评论哟~

相关文章推荐