<template><div><nav-bar :if_left_arrow="true" title="省市区选择"></nav-bar><div  @click="city_show = true"><label for="">地址选择</label><input type="text" placeholder="请选择地址" v-model="address" readonly onfocus="this.blur();"></div><!--可以通过columns-num属性配置省市区显示的列数,默认情况下会显示省市区,当你设置为2,则只会显示省市选择--><van-area :area-list="areaList":columns-placeholder="['请选择', '请选择', '请选择']"title="选择城市":columns-num="3"@cancel="cancel"@confirm="confirm" /></div>
</template><script>import areaList from '@/common/js/area.js'//本地地区数据export default {data() {return {areaList,//地区数据city_show :false,//地区弹出address:'',//选中的地区名称address_code:'',//选中的地区code}},methods: {//选择城市弹窗,取消cancel(){this.cityFlag = false;},//,确定,赋值到input框confirm(val){this.city_show = false;this.address = val[0].name + "-" + val[1].name + "-" + val[2].name;this.address_code = val[2].code;},},}
</script>

3、关于地区选择:Area 省市区选择相关推荐

  1. vant 索引城市不对_Vant Area 省市区选择

    介绍 省市区三级联动选择,通常与 弹出层 组件配合使用 引入import Vue from 'vue'; import { Area } from 'vant'; Vue.use(Area); 代码演 ...

  2. picker插件 vue 移动端_vue实现移动端省市区选择

    本文实例为大家分享了vue实现移动端省市区选择的具体代码,供大家参考,具体内容如下 效果: 安装: npm install v-distpicker --save 组件代码: 所在地区 {{city} ...

  3. 基本组网-(适用场景:一般家庭网络、微型企业网络、20人以内)、基础知识、设备知识、运营商选择、设备选择、设备配置

    基本组网 本文可使读者了解组网所需要的基础知识,一般家庭网络.微型企业网络.20人以内的组网相关的设备选择.基本配置方法. 基础知识 调制解调 我们知道,计算机内的信息是由"0"和 ...

  4. 【烦人的问题】有一天发现VSCode中自己的鼠标选择老是跨行选择多段代码,怎么都改不回来,而且用alt+shift+鼠标都无法切换,肿么办?

    选择-去掉"列选择模式"前面的✔

  5. 机器学习中的模型评价、模型选择及算法选择

    链客,专为开发者而生,有问必答! 此文章来自区块链技术社区,未经允许拒绝转载. 正确使用模型评估.模型选择和算法选择技术无论是对机器学习学术研究还是工业场景应用都至关重要.本文将对这三个任务的相关技术 ...

  6. 2018-3-19 损失函数与适应度函数,稳定选择与分裂选择

    1.适应度与损失函数 我觉的: (1)都是用来描述目标函数一个方面的效能的一个函数 (2)进行输入之后,结果都是一个可以进行比较的值 来源:机器学习之 损失函数和风险函数 - CSDN博客 http: ...

  7. 干货丨机器学习中的模型评价、模型选择与算法选择

    本论文回顾了用于解决模型评估.模型选择和算法选择三项任务的不同技术,并参考理论和实证研究讨论了每一项技术的主要优势和劣势.进而,给出建议以促进机器学习研究与应用方面的最佳实践. 1 简介:基本的模型评 ...

  8. 对勾选的下拉选择进行同步选择

    //对勾选的下拉选择进行同步选择function syncLoadTruckTableSelect(prefixSelector,currentLineIndex){//获取当前操作的select所在 ...

  9. 【Android 高性能音频】OboeTester 音频性能测试应用 ( Oboe 输出测试参数 | API 选择 | 音频输出设备选择 | 采样率 | 通道 | 采样格式 | 播放偏好 )

    文章目录 一.Oboe 输出测试参数面板 二.Oboe 输出测试参数 API 及 设备选择 三.Oboe 输出测试参数 音频参数 四.Oboe 输出测试参数 播放偏好 五.Oboe 输出测试参数 ( ...

最新文章

  1. 关于tcp、http可能你想知道的那些事
  2. Css--input输入框点击时去掉外框outline:medium;(chrome)
  3. 捡到vivo手机怎么清除账号_大学保安两天两次跳湖为路人捡手机,您怎么看?...
  4. JavaScript中使用Json
  5. Vert x开发指南
  6. 7-6 统计素数并求和 (20分)_托福、SAT最新考试报告:中国学生托福平均分81分;...
  7. 天梯—输出GPLT(C语言)
  8. 【渝粤教育】国家开放大学2018年秋季 2094T法理学 参考试题
  9. android音频框架书籍,Android高级架构师系统学习——Android 音频可视化
  10. 大叔手记(2):为每个应用程序池单独设置aspnet.config配置文件
  11. AD9如何自定义板子外形,导圆角
  12. Unity制作的照片墙效果
  13. 联想拯救者Y7000关闭触摸板
  14. Junit Test a getter
  15. 数据治理管理平台——数据资产管理
  16. dreamweaver网页制作,主题呼吁人们保护动物
  17. 智能手机也是一种计算机对不对,介绍手机内存的新闻,我转的,对不对不要喷啊...
  18. Scrapy爬取IT桔子死亡公司库及资本机构数据
  19. 英:程序员必知单词、语句、英文缩写汇总
  20. haproxy 基本搭建 + 高可用集群的搭建

热门文章

  1. 以下环境不可用于python编程开发的是_编程论剑, Python 开发环境哪个最强?
  2. yolo v5 损失函数分析
  3. 我的大学时代.篇章五
  4. c语言直角坐标系与大地坐标系转换,空间直角坐标系与大地坐标系转换程序
  5. node.js基础了解
  6. 手机拍照翻译怎么操作?手机拍照翻译app哪个好用?
  7. myelicpes2019初次使用设置_PES2019技巧(键盘操作,个人经验)
  8. 基于Spring Cloud的全自动化微信公众号消息采集系统
  9. Redis win7版 设置访问密码
  10. 非专业计算机二级有必要考吗,2019大学计算机都必须要过二级吗 有必要考吗