vue.js 默认选中select_vue select二级联动第二级默认选中第一个option值的实例
当二级联动比如选择国家的时候,希望选中一个国家的时候后面城市默认选中第一个城市,则给国家的select加一个@change事件就可以了
所在区域
{{item.country}}
{{item}}
data
countryName:{},
cityName:"请选择城市",
area:[
{
"country":"美国",
"city":[
"纽约",
"洛杉矶",
"旧金山",
"西雅图",
"波士顿",
"休斯顿",
"圣地亚哥",
"芝加哥",
"其它",
]
},
{
"country":"加拿大",
"city":[
"温哥华",
"多伦多",
"蒙特利尔",
"其它"
]
},
{
"country":"澳大利亚",
"city":[
"悉尼",
"墨尔本",
"其它"
]
},
{
"country":"新加坡",
"city":[
"新加坡"
]
},
/*{
"country":"中国",
"city":[
"北京市",
]
},*/
],
methods:
selectCountry(value){
this.cityName=this.countryName.city[0];
},
以上这篇vue select二级联动第二级默认选中第一个option值的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
vue.js 默认选中select_vue select二级联动第二级默认选中第一个option值的实例相关推荐
- javascript实现下拉条联动_js实现select二级联动下拉菜单
本文实例为大家分享了js实现select二级联动下拉菜单,供大家参考,具体内容如下 String path = request.getContextPath(); String basePath = ...
- js 下拉层级多选_Jquery实现select二级联动多选下拉菜单
前言 平时虽然也有写前端,但是对于一些复杂的功能实现仍是一知半解.这次项目需要实现一个多选下拉菜单,并且该菜单要和上级下拉菜单保持联动.更加麻烦的是,我需要完成以下操作,以省.市二级联动菜单为例: 选 ...
- select二级联动价格策略+js的eval()
eval()函数,曾经自己并不觉得怎么样,但是项目中遇到一个需求,被迫使用,感觉确实很强大,记下来,忘了了看看! 需求: 1) 省内价格可用精确到地市(即,区号),省外价格只精确到省. ...
- js select二级联动
<!-- 一级 --> <select id="s1" onChange="move()" name="deducted_divis ...
- iview的select联动_iview2 之select二级联动细谈
还是二级联动问题,之前的方法是可以实现二级联动的.但是理想很丰满,现在很骨感.因为后台可能也没法给你理想的数据结构.最后想到办法的利用两个接口拿到数据,实现渲染.直接来代码 {{ item.first ...
- php 下拉菜单多选get,Jquery实现select二级联动多选下拉菜单
前言 平时虽然也有写前端,但是对于一些复杂的功能实现仍是一知半解.这次项目需要实现一个多选下拉菜单,并且该菜单要和上级下拉菜单保持联动.更加麻烦的是,我需要完成以下操作,以省.市二级联动菜单为例: 选 ...
- 使用js、jquery完成省市二级联动
2019独角兽企业重金招聘Python工程师标准>>> 使用js完成省市二级联动 <!DOCTYPE html> <html><head>< ...
- vue实现下拉表单二级联动
<!--一级菜单--> <select name="province" id="province" class="classify& ...
- element 下拉框联动_element-ui select 二级联动
在使用select 选择框时,2个select 怎么关联在一起(第一个值发生变化,第二个select值随第一个变化而不同) 两个输入框代码 v-for="item in select1&qu ...
最新文章
- 多核服务器的JVM优化选项(转载)
- 【控制】《自动控制原理》胡寿松老师-第5章-线性系统的频域分析法
- 2016电大计算机网考,2016电大计算机网考选择题及答案.doc
- 给初创业者的几点建议
- back propagation反向传播(浅层神经网络分析示例)
- 计算机基础知识运算符,计算机基础运算符
- spring security执行原理流程
- 怎么安装mysql5.6.19_centos6.5 rpm安装mysql5.6.19操作及步骤
- Windows10 1809版本下载地址
- 计算机组成原理——如何理解计算机的运算速度以及运算速度的相关计算CPI/IPS/f/T
- 对垒以太网10BASE-T1S,CAN XL能后来居上么?
- mysql的配置管理_MySQL 启动流程及配置管理
- 用计算机计算的定义,计算(数学用语)_百度百科
- 唯有卡拉特拉瓦,才敢让建筑飞起来!
- 【算法基础12】最小生成树的两种解法(普里姆、克鲁斯卡尔)
- 通俗易懂 高并发案例春节抢红包分析 乐观锁 悲观锁 分布式锁
- 天地图添加自定义图层
- JS特效-星空太空效果-极简
- 华为手机[助手]备份的db通讯录文件如何恢复到其他手机
- FCN 全卷积神经网络