それは複数の要素をレンダリングするためのV-のためのステートフルなコンポーネントのルート要素には使用できません。

コードの問題

<template>
    <Tag v-for="dict in dicts" :key="`dict-tag-${dict.dictId}`" :name="dict.value" @click="handleChange(dict)">
        {{ dict.name }}
    </Tag>
</template>

変更されました

<template>
    <div>
        <Tag v-for="dict in dicts" :key="`dict-tag-${dict.dictId}`" :name="dict.value" @click="handleChange(dict)">
            {{ dict.name }}
        </Tag>
    </div>
</template>

エラーの理由

内部コンポーネントのみ1つのテンプレート要素、コード問題のV-用複数サイクルは、このように与えられ、発生します。最も簡単な解決策は、直接、テンプレート内のすべてのテンプレートコンテンツが含まれているdiv要素を使用することです。

おすすめ

転載: www.cnblogs.com/codebook/p/12149297.html