首页
学习
活动
专区
工具
TVP
发布

4级联动 地址组件 移动端

github代码链接 https://github.com/nan1010082085/vue-components/tree/master/address 20190122 最新修改 通过 淘宝移动端适配插件...“lib-flexible” 与 postcss-pxtorem px自动转换插件 适配 在微信浏览器中适配 ios 和 android 如果你没有用到以上的的插件 你的设计稿为750 请自行调整...---- 支持每列单独滑动 点击名字选中当前地址 点击蒙层 close响应 传递当前数据 点击确定 confirm响应 传递当前数据 ---- 目录 mixin ==> 混入文件 控制后三列滑动 util...==> 工具文件, 克隆传递过来的数据 getAddress.js //获取数据文件 需要在父组件混入 props visible 控制组件显示隐藏 province 第一列数据 city...第二列数据 county 第三列数据 street 第四列数据 — 每列数据 变量在 getAddress.js 中定义 请确保父组件中不予起冲突 valueData 初始化默认选中数据 数据格式单层对象

1.7K20
您找到你想要的搜索结果了吗?
是的
没有找到

js多级联动示例(省份和城市二级联动)

本文描述的省份和城市二级联动下拉菜单,在js部分设置省份和城市信息,当然也可以将数据保存在数据库中,当需要使用的时候在读取。...这里用的是js原生代码 在html文件中设置省份、城市下拉列表如下: <select id="pro" onchange="addCity();"...province.length;i++)     if(province[i]==pro.value)       return i; } //根据获取的省份下标,更改二级列表为对应下标的城市列表,此即二级联动...var i = 0; i < city[index].length; i++)         e.add(new Option(city[index][i])); } 二级联动的应用在日常...一一对应 g=b[index],g与index也一一对应 这样当更改y的值时,index随之改变,也就改变了g的值,使得y与g一一对应,此即二级联动的实现原理

9K50

四级地址插件升级改造(京东商城地址选择插件)city-picker

页面的数据,是可以从京东接口获取到的,但是地址插件选择的效果需要自己实现。...前端的同事在之前的项目中,已经选择了一款地址插件(city-picker.js),但是这款插件最多只支持三级地址,而且最主要的是这插件地址数据来源,是写死在一个json文件中的,意思就是说,在使用这个插件的时候页面要一次性的把所有的地址数据都加载出来...但是这个大神的博客只是将三级地址改造成了四级地址,没有解决,动态加载数据的问题,就是说用这个四级地址插件的时候,还是要把京东的地址库数据转成json文件一次性加载到页面。...好了,说了这么多铺垫的废话,就是为了引出,我对这个四级地址插件的改造。 直接代码 1 /*!...最后忘记说了,我是将city-picker.js这个插件的city-picker.data.js和city-picker.js这两个文件合并成了一个文件,因为我只需要默认加载一级地址,一级地址的内容也不多

3K50

zotero和obsidian联动(免费,软件插件和OB库分享)

简介 实现效果 实现方式 需要安装的软件和插件 需要了解的背景知识 实现原理 一点感悟 简介 zotero和obsidian都是免费的软件,支持各种插件扩展功能,目前已经非常成熟且稳定,非常推荐大家尝试一下...zotero软件 zotero插件:Better BibTex for Zotero,DOI Manager,Mdnotes for Zotero,Sci-Hub for Zotero,Zotero...IF,ZotFile obsidian软件 obsidian插件:Dataview 安装好上面这些软件和插件后,还需要进行一些设置,才能达到上面的效果。...需要了解的背景知识 zotero和一些插件的使用,zotero placeholder的修改,obsidian的基本使用,dataview的使用,markdown的使用。...主要就是借助Mdnotes for Zotero这个插件,实现把zotero中的文献信息导入到obsidian中,你需要预先设置一个模板(一个markdown文件),类似于下面这种,然后当你导入的时候,

1.7K30

js插件教程

;我为了方便都写到一个html中了;请把这个script标签中的内容单独写在一个js文件里 //整个插件写在一个立即执行函数里;就是function(){}();函数自执行;保证里面的变量不会与外界互相影响...号(叹号)或者;(分号)这不是写错了,为了防止那个二货写的js结束没有分号;而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...比如你要点击按钮 添加input的值到 div里 var addHtml = function(demo,btn){//插件名,调用的时候直接new一下插件名就行了并传参数或者传对象(一般这个函数名手写字母大写比较好...new addHtml("demo-2","add-2"); //这里是实例2调用插件的代码 //是不是明白为什么要写插件了;要封装;两个相同组件即使有相同的class名在dom...--这里是最简单的插件写法;当然还有传对象参数的插件等等。。。。-->

35.1K10

MyEclipse10.6 安装SVN插件方法及插件下载地址

今天MyEclipse10.6出了点问题,所以重装了它,同时也把svn的插件重装了一次,把网上资源和自己的经历顺便在博客这里记录一下。建议直接看方法一好了,简单方便,不必要折腾太多。...下来 方法一:直接解压法 下载地址:http://subclipse.tigris.org/servlets/ProjectDocumentList?...folderID=2240 下载SVN插件:site-1.8.22.zip 解压后将其全部文件拷贝至:D:\MyEclipse\MyEclipse 10.6\dropins(MyEclipse的安装目录...(补充说明一下,把下载到svn插件里面的文件(含有features等文件)copy到上面举例子的目录,重启MyEclipse后能在import项目那里看到如下类似如下图的“SVN”,呵呵,那就恭喜你,你安装插件成功了...名字可以任取,为了方便插件管理,建议名称为“myplugins”。 3、将解压的svn里的两个文件夹拷贝到“myplugins/svn”下。

1K10
领券