uniapp 报错 “Component template should contain exactly one root element.“解决方案

最新推荐文章于 2024-06-05 10:38:58 发布

快餐只吃金拱门

最新推荐文章于 2024-06-05 10:38:58 发布

阅读量2k

点赞数 1

本文链接：https://blog.csdn.net/weixin_44477873/article/details/107763789

版权

在uniapp中遇到自定义组件引入时出现'Component template should contain exactly one root element.'的报错。错误提示表明组件模板需要且仅能有一个根元素。通常建议使用v-if和v-else-if进行条件判断来确保只有一个根节点。但实际需求可能不允许这样操作。一种可能的解决方案是在组件内部，通过添加一个view元素将所有内容包裹起来，以满足单根节点的要求。

摘要由CSDN通过智能技术生成

uniapp 引入自定义组件的时候报错

报错信息：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.

<template>
	<view>
		<z-comm :commodity="commodity"></z-comm>
		<view class="fence">
			<view class="fenceItem">
				<view class="label">退款金额：</view>
				<view class="price">￥ {
  {commodity.price}}</view>
			</view>
			<view class="fenceItem">
				<view class="label">退款原因：</view>
				<input type="text" class="reason" placeholder="必填"></view>
			</view>
		</view>
		<view class="fence">
			<view class="fenceItem">上传凭证：</view>
			<view class="fenceItem">
				<image class

最低0.47元/天解锁文章

快餐只吃金拱门

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
uniapp 报错 “Component template should contain exactly one root element.“解决方案

uniapp 引入自定义组件的时候报错报错信息：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.<template> <view> <z-comm :commodity="commodity"></z-comm> &l
复制链接

扫一扫