vue 中使用template 多层循环嵌套 如何绑定:key

今天在项目中遇到多层嵌套，因为结构的原因，不能加太多层div，所以用到了 template,但是问题来了，当我绑定:key 的时候遇到问题：

提示没有正确绑定:key，于是查了下文章，发现这样写可以的：

<template v-for="(sv,sIdx) in orderStages">
	<template v-for="(v,vIdx) in stageList.cells">
		<template v-if="stageList.substages[v.substageId].stageId == sv.id">
			<div class="rel_matrix_item" :key="`${sIdx}-${vIdx}`" v-if="v.sectionId == val.id">
				<div class="matrix_item_inner">
					<div class="sticker process_and_channels" v-html="v.text"></div>
				</div>
			</div>
		</template>
	</template>
</template>

:key="${sIdx}-${vIdx}" 可以绑定两层的循环 key，不报错了。不知道有没有别的方式，一个小细节，大神们可以在下面讨论啊~~~