在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的踩坑日常(表单提交的一系列问题)的主要内容,如果未能解决你的问题,请参考以下文章

Element-ui关于form表单的踩坑

vue+ts+electron踩坑记录

记一次VueCLi生成项目中引入全局Scss文件的踩坑记录

对称加密算法在C#中的踩坑日常

对称加密算法在C#中的踩坑日常

增删demo中,React开发中,Vue思维导致的踩坑