渲染下拉选择框正常显示 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
解决办法
我们对初次渲染添加默认值 这个值与后端返回数据一样即可 页面渲染会自动覆盖掉 报错也会随之不见