| | |
| | | <template> |
| | | <div class="text--center"> |
| | | <div class="subTitle mb-10">所在地區</div> |
| | | <div class="text--center" @click="close"> |
| | | <div class="subTitle mb-10" @click="close">所在地區</div> |
| | | <el-input |
| | | type="text" |
| | | class="p mt-10" |
| | |
| | | <Ui-ScrollPicker |
| | | :options="filterOptions" |
| | | :initValue="district" |
| | | @change="change" |
| | | @change="selectDistrict" |
| | | ></Ui-ScrollPicker> |
| | | </div> |
| | | </template> |
| | | |
| | | <script lang="ts"> |
| | | import { Vue, Component } from 'nuxt-property-decorator'; |
| | | import { Vue, Component, Emit } from 'nuxt-property-decorator'; |
| | | |
| | | @Component |
| | | export default class AddressPicker extends Vue { |
| | |
| | | this.filterOptions = JSON.parse(JSON.stringify(this.options)); |
| | | } |
| | | |
| | | |
| | | searchDistrict() { |
| | | this.filterOptions = this.options.filter(e => e.match(this.keyWord)); |
| | | } |
| | | |
| | | change(value: string) { |
| | | console.log('change', value) |
| | | @Emit('change') |
| | | selectDistrict(value: string): void { |
| | | this.district = value; |
| | | } |
| | | |
| | | @Emit() |
| | | close(): void { |
| | | console.log('close district drawer!'); |
| | | } |
| | | |
| | | } |
| | | </script> |
| | | |