uniApp 实现下拉框自定义标签 label 和值 value
文章目录
- 问题
- 分析
问题
在 uniApp 中
参考至 https://blog.csdn.net/qq_34645412/article/details/140442672
分析
<view class="contents">
<uni-forms
ref="baseForm"
:model="formData"
labelWidth="70px"
:rules="rules"
>
<uni-forms-item label="处理状态" name="solveStatus">
<uni-data-select
v-model="formData.solveStatus"
:localdata="solve_status"
placeholder="请选择"
popup-title="处理状态"
style="background-color: #fff"
:clear="false"
>
</uni-data-select>
</uni-forms-item>
</uni-forms>
</view>
const formatSelectData = (data) => {
let option = []
data.forEach(item => {
option.push({
value: item.dictValue,
text: item.dictLabel
})
})
return option
}
const getStatus = () => {
get_solve_status().then(res => {
if (res.code == 200) {
const t1 = formatSelectData(res.data)
uni.setStorageSync('solve_status', JSON.stringify(t1));
solve_status.value = t1
}
})
}