Vue中的template标签【组件模板应该只包含一个根元素,有且只能有一个】

时间:2025-01-19 07:18:29
// 这里的template标签的根结构只能包含一个元素,可以是div,也可以是其他,但是只能是一个,否则编译会报错

<template>
<!--    <div class="radar-button">-->
<!--        <button type="button"-->
<!--                :tabindex="tabindex"-->
<!--                :disabled="disabled"-->
<!--                class="btn"-->
<!--                :class="buttonClass"-->
<!--                @click="click">-->
<!--            <b>{{content}}</b>-->
<!--        </button>-->
<!--    </div>-->
    <button type="button"
            :tabindex="tabindex"
            :disabled="disabled"
            class="btn"
            :class="buttonClass"
            @click="click">
        <b>{{content}}</b>
    </button>
</template>

 

常见错误类型:Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

错误解释:组件模板应该只包含一个根元素。如果您在多个元素上使用v-if,那么使用v-else-if来链接它们。