From b6661a090e8bcf8f45be24a01b6a7bb08e3aaff1 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期三, 08 十二月 2021 08:50:04 +0800
Subject: [PATCH] refactor: pages component - separate vue files
---
PAMapp/components/AddressPicker.vue | 21 +++++++++++++++------
1 files changed, 15 insertions(+), 6 deletions(-)
diff --git a/PAMapp/components/AddressPicker.vue b/PAMapp/components/AddressPicker.vue
index a184983..f228699 100644
--- a/PAMapp/components/AddressPicker.vue
+++ b/PAMapp/components/AddressPicker.vue
@@ -8,21 +8,24 @@
@change="searchDistrict"
placeholder="隢撓���摮�"
></el-input>
- <Ui-ScrollPicker
+ <Ui-ScrollPicker
:options="filterOptions"
:initValue="district"
- @change="change"
+ @change="selectDistrict"
></Ui-ScrollPicker>
+ <div class="text--center mt-10">
+ <el-button type="primary" @click="confirm">蝣箄��</el-button>
+ </div>
</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 {
- options = ['�����', '�����', '�����', '獢�腦', '�蝡孵��', '�蝡寧腦', '���腦', '�銝剖��', '敶啣�腦', '���腦', '���腦', '��儔撣�', '��儔蝮�', '�����', '擃���', '撅蝮�', '��蝮�', '��蝮�', '摰蝮�', '瞉�腦', '���蝮�', '��瘙腦'];
+ options = ['�����', '�����', '�����', '獢���', '�蝡孵��', '�蝡寧腦', '���腦', '�銝剖��', '敶啣�腦', '���腦', '���腦', '��儔撣�', '��儔蝮�', '�����', '擃���', '撅蝮�', '��蝮�', '��蝮�', '摰蝮�', '瞉�腦', '���蝮�', '��瘙腦'];
keyWord = '';
filterOptions: string[] = [];
district = '�����';
@@ -35,9 +38,15 @@
this.filterOptions = this.options.filter(e => e.match(this.keyWord));
}
- change(value: string) {
- console.log('change', value)
+ selectDistrict(value: string): void {
+ this.district = value;
}
+
+ @Emit('confirm')
+ confirm() {
+ return this.district;
+ }
+
}
</script>
--
Gitblit v1.8.0