当前位置: 首页 > article >正文

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

http://www.kler.cn/a/543180.html

相关文章:

  • 从肠道菌群到炎症因子:读懂疾病的预警信号
  • 学习笔记十九:K8S生成pod过程
  • [特殊字符] 基于 FastAPI 和 React 构建车牌号识别网站
  • 【Flink源码分析】5. Flink1.19源码分析-异步编程(CompletableFuture)
  • Docker Compose 容器卷映射:是否需要提前将文件拷贝到宿主机?
  • 1.1 单元测试核心原则
  • 【C++】25.封装红黑树实现mymap和myset
  • ANR学习
  • 20250212:sigmastar系列1-获取UUID
  • Web项目测试专题(六)压力测试
  • IDEA中打包maven项目,提示Compilation failure
  • 政安晨的AI大模型训练实践 六 - open-webui vLLM 运行
  • python自动化测试之Pytest断言及Allure报告定制
  • 跟着李沐老师学习深度学习(七)
  • 三角测量——用相机运动估计特征点的空间位置
  • JavaSE基本知识补充 -Map集合
  • DeepSeek与核货宝订货系统的协同进化:智能商业范式重构
  • AI大模型介绍yolo
  • P5:使用pytorch实现运动鞋识别
  • 碰一碰发视频源码技术开发,支持OEM
  • 蓝桥杯 Java B 组之排序算法(冒泡、选择、插入排序)
  • 如何在VSCode中免费使用DeepSeek R1:本地大模型编程助手全攻略
  • Visual Studio 使用 “Ctrl + /”键设置注释和取消注释
  • 【问】强学如何支持 迁移学习呢?
  • 使用Python爬虫获取淘宝Custom API接口数据
  • 极坐标 径向位置