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

最新推荐文章于 2023-06-06 17:30:11 发布

原创

最新推荐文章于 2023-06-06 17:30:11 发布 · 5.8k 阅读

4 ·

CC 4.0 BY-SA版权

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

问题：

代码如下：

<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}}<