在Vue项目中使用Vant的踩坑日常(表单提交的一系列问题)

Posted roxxane

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在Vue项目中使用Vant的踩坑日常(表单提交的一系列问题)相关的知识,希望对你有一定的参考价值。

1、首先从picker选择器说起,在picker选择器中,要进行简单的一些设置

(1)、将选中后的数据回显到field中

在Picker上设置click事件(将使用相似的picker选择器抽离出来)

技术图片

 

在data中定义好targetIndex和phoneColums,获取点击后的picker的index

 技术图片

根据上面得到的target,在确定时将值给选中的picker,在下一次选中时,Picker自动定位到上次选中的部分的操作是根据ref来实现的

技术图片

 

以上是关于在Vue项目中使用Vant的踩坑日常(表单提交的一系列问题)的主要内容,如果未能解决你的问题,请参考以下文章