2021-07-05 解决:使用vue定义多个单标签组件时,只显示第一个组件

前端OnTheRun

于 2021-07-05 08:53:04 发布

阅读量1.8k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： vue bug&error 文章标签： vue 组件 bug js

本文链接：https://blog.csdn.net/rowlet/article/details/118395873

在Vue中遇到一个问题，当定义并使用多个单标签组件时，只有第一个组件会被渲染出来。经过分析，发现这是由于Vue处理单标签组件的方式导致的。将组件改为双标签形式后，所有组件均能正常显示。

发现问题

设置两个组件.不能全部显示

出现原因

用单标签的时候，只会显示第一个组件
改成双标签后，就会显示两个组件了。

代码

html

<div id="app">
    <!-- 多标签 -->
    <!-- <my_component1></my_component1>
        <my_component2></my_component2> -->
    <!-- 单标签 -->
    <my_component1

最低0.47元/天解锁文章