uni-app暂时不兼容v-for深度传参的问题【在APP中，v-for内部作用域元素无法深度访问v-for的变量】【这个问题H5支持，但是uni-app不兼容,哎.......】

最新推荐文章于 2025-06-16 09:08:56 发布

weixin_43343144

最新推荐文章于 2025-06-16 09:08:56 发布

阅读量3.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： uni-app

本文链接：https://blog.youkuaiyun.com/weixin_43343144/article/details/90478086

uni-app 专栏收录该内容

36 篇文章

订阅专栏

博客介绍了uni-app在不同平台对v-for的访问支持情况。在app平台，v-for中的token和index在v-bind对象动态绑定的时候无法访问，代码会报错；而在H5平台，对v-fortoken和index子组件深度访问支持良好。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uni-app之app平台：由于v-for中的token和index在【v-bind对象动态绑定的时候】访问不到,所以下面这段代码运行会报错
uni-app之H5平台：H5对v-fortoken和index子组件深度访问支持良好

uni-app框架之V-for语句的作用域总结：app深度有限制，而H5没问题！


<template>
	<view class="wallet-assets">
		<view class="wallet-title">我的资产</view>
		<!-- 上下滑动 -->
		<scroll-view class="own-scroll-Y" scroll-y :style="{height:scrollHeight + 'px'}">
			<view class="own-scroll-view_Y">
				 <!--uni-app框架，v-for的作用域对app平台深度有限制，H5深度访问正常-->
				<block v-for="(token,index) in tokens" :key="index">
					<view class="token">
						<!-- uni-app之app平台：由于v-for中的token和index在【v-bind对象动态绑定的时候】访问不到,所以下面这段代码运行会报错 -->
						<!-- uni-app之H5平台：H5对v-fortoken和index子组件深度访问支持良好-->
						<own-icon-left-right-text-second
						 :boxStyle="{boxWidth:'80px'}"
						 :iconStyle="{
									 type:token.iconClassType,
									 color:token.iconColor
									}"
						 :textStyle="{
									 rightText:token.type,
									 fontSize:'18px'
									}" />
					</view>
				</block>
			</view>
		</scroll-view>
	</view>
</template>