vue 项目 Cannot use v-for on stateful component root element because it renders multiple elements.

原创
2021/09/21 10:49
阅读数 213

错误信息如下:

错误代码:

<template>
	<el-radio-group
	   v-model="checkedValue"
	   v-for="(item, index) in radio"
	   :key="index">
		<el-radio :label="item.value"></el-radio>
	</el-radio-group>
</template>

正确代码:

<template>
	<view id="container">
			<el-radio-group
			   v-model="checkedValue"
			   v-for="(item, index) in radio"
			   :key="index">
				<el-radio :label="item.value"></el-radio>
			</el-radio-group>
	</view>
</template>

如果直接引用到根元素就无法编译通过,后面的通过加了一些view或者div来做根元素可以编译通过,问题解决。

参考于:https://blog.csdn.net/hua_ban_yu/article/details/80256611

展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部