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 ]

相关推荐
麦麦鸡腿堡1 分钟前
JavaWeb_请求参数,设置响应数据,分层解耦
java·开发语言·前端
mxwin13 分钟前
Unity Shader 极坐标特效 从数学原理到实战案例
unity·游戏引擎·shader·uv
soso196822 分钟前
JavaScript性能调优实战案例
javascript
Dxy12393102161 小时前
CSS常用样式详解:从基础到进阶的全面指南
前端·css
IT_陈寒1 小时前
SpringBoot自动配置揭秘:5个让开发效率翻倍的隐藏技巧
前端·人工智能·后端
Moment1 小时前
前端工程化 + AI 赋能,从需求到运维一条龙怎么搭 ❓❓❓
前端·javascript·面试
Joker Zxc1 小时前
【前端基础(Javascript部分)】6、用JavaScript的递归函数和for循环,计算斐波那契数列的第 n 项值
开发语言·前端·javascript
Highcharts.js1 小时前
React 图表如何实现下钻(Drilldown)效果
开发语言·前端·javascript·react.js·前端框架·数据可视化·highcharts
橙露2 小时前
Webpack/Vite 打包优化:打包体积减半、速度翻倍
前端·webpack·node.js
chushiyunen2 小时前
python中的魔术方法(双下划线)
前端·javascript·python