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.
96 lines
2.0 KiB
96 lines
2.0 KiB
<template>
|
|
<div class="app-container">
|
|
地区选择
|
|
|
|
<v-distpicker v-model="address"> </v-distpicker>
|
|
{{ address }}
|
|
|
|
<v-distpicker v-model="address1"> </v-distpicker>
|
|
{{ address1 }}
|
|
地址识别
|
|
<el-input type="erea-text" v-model="realText" @input="textToAddress" />
|
|
|
|
{{ reAddress }}
|
|
|
|
<v-distpicker v-model="address2"> </v-distpicker>
|
|
{{ address2 }}
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
// import VDistpicker from "../../src/Distpicker"
|
|
import index from "../../src/index";
|
|
let VDistpicker = index.VDistpicker;
|
|
let AddressParse = index.AddressParse;
|
|
|
|
// import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
|
|
|
|
export default {
|
|
name: "ArticleList",
|
|
components: { VDistpicker },
|
|
|
|
data() {
|
|
return {
|
|
// address:'121'
|
|
address: {
|
|
province_code: "12",
|
|
province: "",
|
|
city_code: "1201",
|
|
city: "",
|
|
area_code: "120102",
|
|
area: "",
|
|
},
|
|
|
|
address1: {
|
|
province_code: "",
|
|
province: "天津市",
|
|
city_code: "",
|
|
city: "市辖区",
|
|
area_code: "",
|
|
area: "河北区",
|
|
},
|
|
address2: {
|
|
province_code: "",
|
|
province: "",
|
|
city_code: "",
|
|
city: "",
|
|
area_code: "",
|
|
area: "",
|
|
},
|
|
realText: "浙江省温州市龙湾区蒲州街道xx路111号 15555555555 刘啊",
|
|
reAddress: {},
|
|
};
|
|
},
|
|
beforeCreated() {},
|
|
watch: {},
|
|
created() {
|
|
this.textToAddress();
|
|
},
|
|
mounted() {},
|
|
methods: {
|
|
textToAddress() {
|
|
console.log(11);
|
|
let type = 1;
|
|
this.reAddress = AddressParse(this.realText, {
|
|
type,
|
|
textFilter: ["电話", "電話", "聯系人"],
|
|
});
|
|
console.log(this.reAddress);
|
|
|
|
|
|
this.address2={
|
|
province_code: "",
|
|
province: this.reAddress.province,
|
|
city_code: "",
|
|
city: this.reAddress.city,
|
|
area_code: "",
|
|
area: this.reAddress.area,
|
|
}
|
|
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style></style>
|