整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

Element UI 省市区数据联动

Element UI 省市区数据联动

、安装组件依赖

npm install element-china-area-data -S

2、目标页面中引入

import {
  provinceAndCityData,
  regionData,
  provinceAndCityDataPlus,
  regionDataPlus,
  CodeToText,
  TextToCode
} from "element-china-area-data";

3、使用el-cascader标签

<div style="width:460px;">
  <el-cascader style="width:100%;" :options="options" 
  v-model="selectedOptions" @change="addressChoose"></el-cascader>
</div> 

4、data中定义元素

data(){
    return{
      // 省市区级联
      options: regionDataPlus,
      selectedOptions: [],
    }
}

5、触发事件的函数方法

/**省市区三级联动 */
addressChoose(value) {
  console.log(
   "省市区:",
   CodeToText[value[0]],
   CodeToText[value[1]],
   CodeToText[value[2]]
  );
  this.form.province=CodeToText[value[0]];
  this.form.city=CodeToText[value[1]];
   this.form.area=CodeToText[value[2]];
},

6、数据回显

// 省市区转换
let province=this.form.province;
let city=this.form.city;
let area=this.form.area;
let arg1=TextToCode[province].code;
let arg2=TextToCode[province][city].code;
let arg3=TextToCode[province][city][area].code;
this.selectedOptions.push(arg1, arg2, arg3);

按照步骤,直接C+V复制到项目中,就可以运行实现图中效果。也可以从开源字节的代码仓库fork租房源码

如若转载,请注明出处:开源字节 https://sourcebyte.cn/article/267.html

猪脚本(原飞猪脚本)以按键精灵教学为主,涉及UiBot,Python,Lua等脚本编程语言,教学包括全自动办公脚本,游戏辅助脚本,引流脚本,网页脚本,安卓脚本,IOS脚本,注册脚本,点赞脚本,阅读脚本以及网赚脚本等各个领域。想学习按键精灵的朋友可以添加金猪脚本粉丝交流群:554127455 学习路上不再孤单,金猪脚本伴你一同成长.

1.什么是网页元素特征字符串?

请参考网页特征字符串详解;

2.Html系列命令

2.1.HtmlSelect命令

1)HtmlSelect命令只能够根据Select项的值来进行选择,注意这里不是显示在Select项上的文字,而是该项的value。

一个典型的下拉框HTML代码如下:

<select name="city">

<option value="1">北京</option>

<option value="2">上海</option>

<option value="3">广州</option>

</select>

这里如果要选择上海,需要选择值为2的项;

2)级联的下拉列表组合。

在有的网页中,会有几个级联的下拉列表,后一个下拉框会随前一个框的值变化而发生变化,典型的有注册页面上的省份城市选择,HtmlSelect命令能够触发Onchange事件,会导致后一个下拉框值发生变化,但是如果执行脚本太快,而导致后一个未能选中正确的值,可以在前一个HtmlSelect后加上适当的延时;

3)多选表单中的列表控件;有的列表支持多选,在有一些个求职网站中,职业是可以多选的,这时候可以用%将多个需要选择的值连接起来传递给HtmlSelect命令实现多选;

2.2.HtmlExists命令

HtmlExists命令,能够判断指定特征的元素是否存在,并能够返回具备该特征的元素的个数。这个命令能够用来判断某个元素是否存在,如果为0证明不存在;

2.3.HtmlGet命令

HtmlGet命令比较复杂,但是功能也非常强大,该命令具备两个参数,第一个参数为获取类型,目前支持的值如下所示:

序号 值 适用对象

1 text 得到指定元素的文本值,对应DOM属性innerText

2 html 得到指定元素内部的HTML代码,对应DOM属性innerHTML

3 outerHtml 得到元素整体的HTML代码,对应DOM属性的outerHTML

4 value 得到元素的Value值,用于获取表单元素内部的值

5 src 得到图像元素的src属性,用于IMG标签对象

6 href 得到链接元素的链接地址,用于A标签

7 …其他名称 其他属性,如果您使用的是合法的属性名称,就能够返回对应的值。如何才是合法的属性?请参阅HTML标准。

第二个参数为特征字符串,如果匹配多个,只能返回第一个元素的值;

例如,获得淘宝货物价格:

Plugin price=Web.HtmlGet("text","id:id_Price")

获取某个表单文本的值

Plugin email=Web.HtmlGet("value","name:Email")

2.4.RunJS命令

RunJS命令提供了直接运行Javascript的功能,如果您对JS非常熟悉,就能够极大的扩展WQM的功能。

RunJS命令支持两中执行方式,第一个参数设置为0时,能够执行一段没有返回值的Javascript,

例如:

RunJS(0,"alert('hello');")

第一个参数设置为1时,能执行一段js并返回由return语句返回的值,返回值为字符串类型;

例如:返回Html文档的title;

RunJS(1,"var t=document.title;return t;")

如果您分析到网页中某个按钮实际上就是执行了一个函数,例如

<input type="Button" … />

您就可以直接调用

RunJS(0,"dosomething();")

JQuery的支持,网页按键精灵集成了Jquery1.3.2,为了不与其他JQ的库发生冲突,使用了wqmjq来代替$操作符,如果您需要直接使用JQ来操作网页,可使用wqmjq来执行Jquery语句:

RunJS(0,"wqmjq('#test').click();")


报考普通话除了在官网上进行报名之外,还可以线下报名。

每个市都有普通话测试站,针对社会人员及高校师生,报名费一般包括培训费和测试费,报名费比高校报名费要稍微高点。

每个高校基本上都有普通话测试站,只针对在校学生,不针对老师和社会人员,报名费用一般只包括测试费,如果有培训费,那也比市测试站的培训费要低。


全国普通话水平测试在线报名步骤

⊙ 选择省份

⊙ 阅读报名介绍

⊙ 选择考点及考试时间

⊙登录并阅读报名须知

⊙在线缴费/现场确认缴费

全国普通话水平测试报名系统

网址:http://hunanbm.cltt.org/pscweb/index.html

在网页左侧选择对应的省份,再根据网页的提示,操作,最后一步一步填写个人基本信息即可。

其它报考途径

社会人员可在省、市级普通话测试站现场报名。省级测试站地址和联系方式可百度XXX省语言文字测试中心;在网上找到联系方式,然后咨询沟通。一般会有QQ群微信群之类的,然后按要求提交一些资料。

⊙在校大学生可在本校的普通话言文字中心、市级普通话测试站报名。

备注:高校不接受社会人员报考,已毕业的学生不能在原高校报考。

报名费用

各地区普通话水平测试报考费略有不同,具体费用以报考当地省语言文字培训测试中心规定为准。

湖南在校大学生在本校报考的费用由70/人降至为30元/人。包括培训,上机测试,证书。不包括普通话教材。