uniapp中的picker为对象数组，range，range-key设置了，显示出的值为[obiect object]

原创于 2020-08-04 16:13:36 发布 · 5.7k 阅读

4 ·

CC 4.0 BY-SA版权

微信专栏收录该内容

34 篇文章

订阅专栏

本文介绍了一种解决WXML中Picker组件range-key属性不生效的问题，通过给range-key的值加上单引号，成功实现了picker选项的正确显示。

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

问题：

代码如下：

<evan-form-item label="与户主关系">
					<picker class="form-item-picker" @change="relationshipChange" :range="relationshipData" :value="relationship" :range-key="name">	<!-- @change用于获取弹出框改变的值，:range用于循环遍历relationshipData数组将数组内容循环 -->
						<view class="">{{relationshipData[relationship].name}}</view>		<!-- 循环relationshipData数组relationship为索引 -->
					</picker>
					
				</evan-form-item>

解决办法：将range-key的值加上单引号

<evan-form-item label="与户主关系">
					<picker class="form-item-picker" @change="relationshipChange" :range="relationshipData" :value="relationship" :range-key="'name'">	<!-- @change用于获取弹出框改变的值，:range用于循环遍历relationshipData数组将数组内容循环 -->
						<view class="">{{relationshipData[relationship].name}}</view>		<!-- 循环relationshipData数组relationship为索引 -->
					</picker>
					
				</evan-form-item>