uv-picker在页面初始化时,设置初始值无效

javascript 复制代码
 <uv-picker
   ref="picker"
   round="8"
   :columns="columns"
   :default-index="[sexIndex]"
   @confirm="confirm"
 />


const columns = ref([
  [{ text: '未知', value: 0 }, { text: '女', value: 1 }, { text: '男', value: 2 }],
])


const sexIndex = computed(() => {
  // 处理 undefined 或 null 情况
  if (detail.value.sex === undefined || detail.value.sex === null) {
    return 0 // 默认选择"未知"
  }
  const index = columns.value[0].findIndex((item: any) => item.value === detail.value.sex)
  return index !== -1 ? index : 0
})

设置:default-index

如:男,反显时,sexIndex 获取到的index是2

但是sexIndex要改为 [sexIndex ]

相关推荐
摘星编程28 分钟前
OpenHarmony环境下React Native:自定义useTruncate文本截断
javascript·react native·react.js
Duang007_1 小时前
【LeetCodeHot100 超详细Agent启发版本】字母异位词分组 (Group Anagrams)
开发语言·javascript·人工智能·python
2601_949868362 小时前
Flutter for OpenHarmony 电子合同签署App实战 - 主入口实现
开发语言·javascript·flutter
m0_748229992 小时前
Vue2 vs Vue3:核心差异全解析
前端·javascript·vue.js
C澒3 小时前
前端监控系统的最佳实践
前端·安全·运维开发
xiaoxue..3 小时前
React 手写实现的 KeepAlive 组件
前端·javascript·react.js·面试
摘星编程3 小时前
在OpenHarmony上用React Native:自定义useHighlight关键词高亮
javascript·react native·react.js
hhy_smile3 小时前
Class in Python
java·前端·python
小邓吖3 小时前
自己做了一个工具网站
前端·分布式·后端·中间件·架构·golang
南风知我意9573 小时前
【前端面试2】基础面试(杂项)
前端·面试·职场和发展