You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
114 lines
2.2 KiB
114 lines
2.2 KiB
<template>
|
|
<view>
|
|
<city-select
|
|
@cityClick="cityClick"
|
|
:formatName="formatName"
|
|
:activeCity="activeCity"
|
|
:hotCity="hotCity"
|
|
:obtainCitys="obtainCitys"
|
|
:isSearch="true"
|
|
ref="citys"
|
|
></city-select>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import citys from '@/component/CitySelect/citys.js'
|
|
import CitySelect from "@/component/CitySelect/city-select.vue"
|
|
export default {
|
|
components: {
|
|
CitySelect
|
|
},
|
|
data() {
|
|
return {
|
|
//需要构建索引参数的名称（注意：传递的对象里面必须要有这个名称的参数）
|
|
formatName: 'title',
|
|
//当前城市
|
|
activeCity: {
|
|
id: 1,
|
|
title: '南京市'
|
|
},
|
|
//热门城市
|
|
hotCity: [
|
|
{
|
|
id: 0,
|
|
title: '南京市'
|
|
},
|
|
{
|
|
id: 1,
|
|
title: '南京市'
|
|
}
|
|
],
|
|
//显示的城市数据
|
|
obtainCitys: [
|
|
{
|
|
id: 0,
|
|
title: '南京'
|
|
},
|
|
{
|
|
id: 1,
|
|
title: '北京'
|
|
},
|
|
{
|
|
id: 2,
|
|
title: '天津'
|
|
},
|
|
{
|
|
id: 3,
|
|
title: '东京'
|
|
}
|
|
]
|
|
};
|
|
},
|
|
onLoad () {
|
|
//动态更新数据
|
|
setTimeout(() => {
|
|
//修改需要构建索引参数的名称
|
|
this.formatName = 'cityName'
|
|
//修改当前城市
|
|
this.activeCity = {
|
|
cityName: '南京',
|
|
cityCode: 110100
|
|
}
|
|
//修改热门城市
|
|
this.hotCity = [
|
|
{
|
|
cityName: '南京',
|
|
cityCode: 110100
|
|
},
|
|
{
|
|
cityName: '北京',
|
|
cityCode: 110102
|
|
}
|
|
]
|
|
//修改构建索引数据
|
|
this.obtainCitys = citys
|
|
uni.showToast({
|
|
icon: 'none',
|
|
title: '更新数据成功',
|
|
// #ifdef MP-WEIXIN
|
|
duration: 3000,
|
|
// #endif
|
|
mask: true
|
|
})
|
|
}, 500)
|
|
},
|
|
methods: {
|
|
cityClick(item) {
|
|
uni.showToast({
|
|
icon: 'none',
|
|
title: 'item: ' + JSON.stringify(item),
|
|
// #ifdef MP-WEIXIN
|
|
duration: 3000,
|
|
// #endif
|
|
mask: true
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
|
|
</style>
|