一个用vant时提取位置选择的confirm代码

玩猪猪

已于 2022-03-03 10:27:33 修改

阅读量758

点赞数

分类专栏： vue 文章标签： javascript vue.js sql

于 2022-03-03 09:59:56 首次发布

本文链接：https://blog.csdn.net/weixin_44190736/article/details/123246689

版权

本文介绍了如何在Vue项目中利用vant的confirm组件，提取province、city、town等位置信息，展示了一个具体的示例代码，适用于前端开发。

摘要由CSDN通过智能技术生成

使用vant的示例代码时，可以通过这个confirm函数将province、city、town提取出来

//选定所在位置后将省、市、区分别写入form
    locationCode(value) {
   
      let test = ''
      let temp=''
      value.forEach((element) => {
   
        //如果是直辖市，则

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

玩猪猪

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

2023年某科技公司前端开发初级岗的面试笔试真题（含选择题答案、问答题解析、机试题源码）

黛琳ghz的博客，期待你的关注。

04-28

4135

这篇文章分享的真题是来自2023年某科技公司的笔试真题，面试的岗位是初级前端，题目内容包括了选择题、问答题、机试题，当然与面试官交谈的过程也是必不可少的一部分，主要还是针对简历的项目经验、工作经历来展开提问和交流，这里就不过多描述了。

fwdwqdwq的博客

03-07

2932

HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f

参与评论您还未登录，请先登录后发表或查看评论

vant组件中 dialog的确认按钮的回调事件操作

01-22

不知道是不是我理解有问题，看了vant的组件库，他的文档是这样说的然后我就绑定了事件：confirm 结果他的触发机制是：加载页面时会触发，点击按钮打开模态框时会触发，点击确定会触发，点击取消也会触发。经过查阅资料以后，可以绑定他一个事件：beforeClose 这个事件的回调有两个参数，第一个参数是来判断点击的是确认按钮还是取消按钮。第二个参数我感觉就是可以关闭模态框。补充知识：修改 vant 弹窗Dialog 组件调用是确认按钮与取消按钮的文字 Props 有关props 两个属性 confirm-button-text 与 cancel-button-text 。 co

Vant Dialog.confirm函数形式确认框点击遮罩层关闭弹窗

撑起自己半边天

09-06

2217

Vant Dialog.confirm函数形式确认框点击遮罩层关闭弹窗

vant组件弹窗确认按钮设置倒计时5s完成后才能点击

最新发布

普通前端一枚

07-03

245

【代码】vant组件弹窗确认按钮设置倒计时5s完成后才能点击。

vant picker confirm事件

11-26

8111

背景：页面中表单中有多项点击弹出的picker且picker columns值不同，点击picker确定按钮给相对应的变量赋值。问题：点击确认按钮时设置对应v-model变量变量值解决方法：根据 refs 来获取组件的title值给变量赋值相应代码： <template> <div class="apply_dialog"> <van-form> <van-field readonly .

vant组件中 dialog的确认按钮的回调事件

qitiandada的博客

06-29

1万+

vant Dialog.confirm确认框同步确认

qq_38935512的博客

12-31

1万+

Dialog.confirm 结合 async和await 可以达到同步得效果 async aaa() { await Dialog.confirm({ title: "标题", message: "弹窗内容", }) .then(() => { // on confirm }) .catch(() => { // on cancel

基于vue通用模板渲染Table

LSFQ的博客

05-19

1040

文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤 1.引入库代码如下（示例）： import numpy as np import

2021必知必会的vite+vue3项目最佳实践

爱前端也爱恋爱

03-17

1万+

2021学什么 2021第一更是尤大的Vite2，全新插件架构，丝滑的开发体验，和Vue3的完美结合。 2021年第一弹，村长将以Vite2+Vue3为主题开启大家的前端学习之旅。 “我自己是一名从事了6年web前端开发的老程序员（我的微信：webxxq），今年年初我花了一个月整理了一份最适合2021年自学的web前端全套培训教程（视频+源码+笔记+项目实战），从最基础的HTML+CSS+JS到移动端HTML5以及各种框架和新技术都有整理，打包给每一位前端小伙伴，这里是前端学习者聚集地，欢迎初学和

js确认框confirm()用法实例详解.docx

01-21

js确认框confirm()用法实例详解.docx

vant弹窗组件，van-dialog修改默认取消和确定按钮文字

m0_46577631的博客

11-10

6022

修改dialog组件默认确定和取消按钮文字 // HTML <van-dialog v-model="dialogShow" confirm-button-text=“继续采集" cancel-button-text=“采集取消" title=“下列信息已采集，是否继续采集？" show-cancel-button @cancel="cancel" @confir

vant 日期级联定位当前

yingchengzzz的博客

03-09

251

vant 日期级联定位当前

vant 弹框 Dialog 点击“确认”验证不通过时阻止对话框的关闭

qq_48806446的博客

08-04

4365

vant弹框点击后自动关闭问题，vant-ui弹框控制关闭时间，vant-ui控制关闭前的毁掉函数，vant弹框想关闭在关闭

如何使用vant2中的弹出框组件

weixin_46939404的博客

10-15

1841

主要内容：如何在页面中使用vant2中的弹出框组件

vant--------Dialog用法

若如流水淡淡流过

08-20

2万+

平时我们常看见给我们提示取消和确定选择；今天我们就在vue.js上写一个简单的Dialog列子引入import { Dialog } from 'vant' 1.绑定一个事件例如 <div class="my-content-list" @click="tellUs"> 联系我们 </div> 2.触发事件在methods...

VantUI popup 弹窗不弹出或无蒙层