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 ]

相关推荐
Amumu1213818 小时前
React应用
前端·react.js·前端框架
摸鱼的春哥18 小时前
实战:在 Docker (Windows) 中构建集成 yt-dlp 的“满血版” n8n 自动化工作流
前端·javascript·后端
_Rookie._18 小时前
关于迭代协议:可迭代协议和迭代器协议,生成器函数 生成器对象的理解
javascript·python
小酒星小杜18 小时前
在AI时代,技术人应该每天都要花两小时来构建一个自身的构建系统
前端·vue.js·架构
测试游记18 小时前
基于 FastGPT 的 LangChain.js + RAG 系统实现
开发语言·前端·javascript·langchain·ecmascript
阿奇__18 小时前
elementUI table 多列排序并保持状态样式显示正确(无需修改源码)
前端·vue.js·elementui
Van_captain18 小时前
rn_for_openharmony常用组件_Empty空状态
javascript·开源·harmonyos
zhengxianyi51518 小时前
数据大屏-单点登录ruoyi-vue-pro
前端·javascript·vue.js
我想回家种地18 小时前
python期末复习重点
前端·javascript·python