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

微信小程序使用picker,数组怎么设置默认值

默认先显示请选择XXX。然后点击弹出选择列表。如果默认value是0的话,他就直接默认显示数组的第一个了。<picker mode="selector" :value="planIndex" :range="planStatus" range-key="label" @change="bindPlanChange"><view class="picker flex-row-space-between"><text class="status">{{ planIndex!='' ? planStatus[planIndex]?.label : '请选择' }}</text></view>
</picker>
const planIndex=ref('');//试了默认给了-1.结果点开选项列表第一个之前多了一个空的选项。改成空字符。点开就是正确的。
const planStatus = reactive([{ label: "生效", value: 0 },{ label: "完结", value: 1 },{ label: "中断", value: 2 },
]);
const bindPlanChange=(e)=>{planIndex.value=e.detail.value;
}

planIndex是选中的下标。默认如果数组没有-1.你让他默认等于-1以达到显示请选择的字样。结果就会导致弹框变成这样的状态。 

http://www.lryc.cn/news/449822.html

相关文章:

  • Springboot生成树工具类,可通过 id/code 编码生成 2.0版本
  • 17、CPU缓存架构详解高性能内存队列Disruptor实战
  • 算法训练营打卡Day18
  • 【leetcode】169.多数元素
  • MyBatis<foreach>标签的用法与实践
  • R语言Shiny包新手教程
  • [大象快讯]:PostgreSQL 17 重磅发布!
  • CHI trans--Home节点发起的操作
  • Rust和Go谁会更胜一筹
  • 记HttpURLConnection下载图片
  • 物联网实训室建设的必要性
  • 初识C语言(四)
  • 产品架构图:从概念到实践
  • smartctl 命令:查看硬盘健康状态
  • BBR 为什么没有替代 CUBIC 成为 Linux 内核缺省算法
  • Git忽略规则原理和.gitignore文件不生效的原因和解决办法
  • MySQL-数据库设计
  • Unity开发绘画板——04.笔刷大小调节
  • ./mnt/container_run_medium.sh
  • 数学建模研赛总结
  • 通信工程学习:什么是TCF技术控制设施
  • stm32 bootloader跳转程序设计
  • 科技赋能环保:静电与光解技术在油烟净化中的卓越应用
  • FCA-FineBI试卷答案
  • Spring - @Import注解
  • 新能源汽车储充机器人:能源高效与智能调度
  • 【Linux网络】详解TCP协议(2)
  • STM32DMA学习日记
  • 【高性能内存池】page cache 5
  • Vue 3 魔法揭秘:CSS 解析与 scoped 背后的奇幻之旅