van-picker 动态设置当前选中项

使用vant-field和van-picker、van-popup组合实现单选类型表单时,通常我们需要pick每次显示时,默认选中的是当前有效值,但往往会出现这样的情况

我们可以在没法显示picker的时候,动态设置当前选中项,代码示例如下

//pick中指定ref属性为myPicker
//currentIndex为当前有效值对应的索引值
this.$refs.myPicker.setColumnIndex(0, currentIndex)

setColumnIndex有两个参数,第一个参数columnIndex代表的是列索引值,如果不涉及多列联动,默认为0;第二个参数optionIndex代表的要设置的有效索引值

van-picker 选择器空白问题

van-picker绑定的数据实在store里,在store里数据格式也是正确的,但是到页面里picker的选择项就是全空白,

在该路由中将该组件的keepalive设为了true,所以从别的页面回来的时候,picker绑定的数据不会重新获取,而该组件在初始的created里将picker的数据项写为了空数组,此时只需要在activated生命周期里重新给picker绑定的数据重新进行取值操作即可。

以上为个人经验,希望能给大家一个参考,也希望大家多多支持Devmax。

使用van-picker 动态设置当前选中项的更多相关文章

  1. laravel 实现设置时区的简单方法

    今天小编就为大家分享一篇laravel 实现设置时区的简单方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

  2. PhpSpreadsheet设置单元格常用操作汇总

    这篇文章主要介绍了PhpSpreadsheet设置单元格常用操作汇总,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

  3. Apache设置虚拟WEB

    它工作得很好,你只需要将它和apache一起编译就行了。你也可以在冰冰本站下载:http://justdn.com/down/apache/ApacheModuleGzip.dll更多的PHP加速和缓冲建议可以在冰冰的PHP文档中获取.Apache如何建虚拟主机呢?以下重点以unix平台为例说明apacheserver的设置。所以一般先注册好域名然后再做虚拟WEB设置。下列情况下使用此方法:1)允许在虚拟主机间共享httpd配置。

  4. 关于PHP通用返回值设置方法

    下面小编就为大家带来一篇关于PHP通用返回值设置方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  5. iOS密码在进入后台1小时后重新设置

    这篇文章主要介绍了iOS密码在进入后台1小时后重新设置的相关资料,需要的朋友可以参考下

  6. 简单设置IIS配置PHP调试环境

    Windows系统内置的Internet信息服务对ASP具有良好的支持,因此在IIS中调试ASP网页是非常方便的。但有些朋友的网页采用PHP编程技术,默认情况下,IIS是不支持PHP的,手工配置IIS的PHP调试环境对我们这些菜鸟来说是非常困难的,那如何才能让IIS支持PHP呢?下面介绍一种方法,只需要简单几步就能在IIS中配置好PHP调试环境。图1安装IIS组件配置PHP调试环境从“http://www.fyrose.com/php406.exe”下载PHP安装程序到本地机器,下面我们就使用PHP的安装

  7. IOS应用内跳转系统设置相关界面的方法

    在iOS开发中,有时会有跳转系统设置界面的需求,例如提示用户打开蓝牙或者WIFI,提醒用户打开推送或者位置权限等,接下来通过本文给大家介绍IOS应用内跳转系统设置相关界面的方法,喜欢的朋友参考下

  8. iOS 设置状态栏的背景颜色方法

    下面小编就为大家带来一篇iOS 设置状态栏的背景颜色方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  9. Flowable 设置任务处理人的四种方式详解

    这篇文章主要为大家介绍了Flowable 设置任务处理人的四种方式详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

  10. JSP开发前菜鸟设置篇

    :)前期准备软件:j2sdk-1_4_0_01-windows-i586.exe-----JSDKJAVA开发工具包jakarta-tomcat-5.0.18.zip-----TOMCAT5服务器jcpro300.zip-----JCREATOR3.0JAVA编译工具j2sdk是必须的,另外两个可自选,听说Eclipse加Lomboz也不错我的安装目录:C:\j2sdk1.4.0_01C:\tomcat5具体设置:JSDK&tomcat我的电脑/属性/高级/环境变量系统变量Path变量值加入C:\j2sd

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目,可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片,只需点击一下即可将其转换为 PDF 文件,感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发,在项目中,经常会遇到上传图片后,需在一旁预览图片内容,怎么实现这样的功能呢?今天小编给大家分享AugularJs上传前预览图片的实现代码,需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部