基于Vue移动端城市选择插件

基于Vue移动端城市选择插件

一款基于Vue移动端城市选择插件,字体文件可以不要,希望大家喜欢。

使用方法
对应的城市写在cityChoice.js的citys数组内

1
2
3
4
5
6
7
8
//热门城市
hostCityss:function(){
var j=0;
for(var i=0;i<15;i++){
              Vue.set(this.hostCitys,j,this.citys[i]);
              j++
        }
},

前15条为热门城市,热门城市对应在citys数组内的顺序不能乱, 其他的随意。

需要添加首字母搜索的,需要在citys数组的对象内添加对应的内容

1
2
3
citys:[
    {city:'南宁',py:'nanning',first:'nn'},
]

然后搜索过滤处添加对应的方法

1
2
3
4
5
6
7
//搜索过滤
sousuos:function(){
    var ssval = this.ssval;
    return this.citys.filter(function (item) {
        return item.py.indexOf(ssval)!= -1 || item.city.indexOf(ssval) != -1 || item.first.indexOf(ssval)!= -1;
    });
}
当前内容只有登录了才能查看,如果您已经注册,请登录
2

发表评论