uniapp 下拉列表插件 lable问题

渲染下拉选择框正常显示 label问题

	<view class="diygw-form-item diygw-form-item-small diygw-col-24 noborder">
					<view class="title"> 选择柜子 </view>
					<view class="input">
						<picker @change="changeSct" :value="sctIndex" :range="sctDatas" range-key="label">
							<view class="picker-item" v-if="sctIndex >= 0">
								{{ sctDatas[sctIndex].label }}
							</view>
							<view class="picker-item" v-else> 下拉选择鞋柜 </view>
						</picker>
						<input hidden type="hidden" name="sctIndex" :value="sctIndex" />
						<input hidden type="hidden" name="sct" :value="sct" />
						<input hidden type="hidden" name="sctLabel" :value="sctLabel" />
					</view>
				</view>

原因：

因为页面首次进入渲染 默认的内容都为空 导致的lable undefined

解决办法

我们对初次渲染添加默认值 这个值与后端返回数据一样即可 页面渲染会自动覆盖掉 报错也会随之不见