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 ]

相关推荐
失忆爆表症4 分钟前
05_UI 组件库集成指南:Shadcn/ui + Tailwind CSS v4
前端·css·ui
小迷糊的学习记录5 分钟前
Vuex 与 pinia
前端·javascript·vue.js
发现一只大呆瓜17 分钟前
前端性能优化:图片懒加载的三种手写方案
前端·javascript·面试
不爱吃糖的程序媛27 分钟前
Flutter 与 OpenHarmony 通信:Flutter Channel 使用指南
前端·javascript·flutter
利刃大大28 分钟前
【Vue】Element-Plus快速入门 && Form && Card && Table && Tree && Dialog && Menu
前端·javascript·vue.js·element-plus
NEXT061 小时前
AI 应用工程化实战:使用 LangChain.js 编排 DeepSeek 复杂工作流
前端·javascript·langchain
念风零壹1 小时前
AI 时代的前端技术:从系统编程到 JavaScript/TypeScript
前端·ai
光影少年1 小时前
react的hooks防抖和节流是怎样做的
前端·javascript·react.js
小毛驴8502 小时前
Vue 路由示例
前端·javascript·vue.js
发现一只大呆瓜2 小时前
AI流式交互:SSE与WebSocket技术选型
前端·javascript·面试