VUE address-parse 地址解析

使用步骤：

1、安装插件 npm install address-parse --save

2、在当前文件中引用，import AddressParse from 'address-parse';

<template>
    <div class="box">
        <el-input 
            v-model="message"
            type="textarea"
             :rows="5"
            placeholder="智能解析：粘贴或者输入整段文字，自动识别姓名、号码、地址，如：段佳佳13112345678浙江省杭州市西湖区某某路某某某大厦001号"
        />
        <br><br><br>
        <el-button type="primary" @click="parseAddress">解析</el-button>

    </div>
</template>
<script>
import AddressParse from 'address-parse';
export default {
    data(){
        return{
            message:'',
            addressParseResult:{
                province:'',//省
                city:'',    //市
                area:'',    //区
                code:'',    //行政区划
                details:'', //详情地址
                name:'',    //人员姓名
                mobile:'',  //手机号
                phone:'',   //固话
                zip_code:'',//邮编
            },
        }
    },
    methods:{
        parseAddress() { //地址解析
            console.log('开始解析...');
            /*判断解析的地址内容不为空*/
            if (this.message != '') {
                const result = AddressParse.parse(this.message);
                console.log('解析结果       result=',result)
                this.addressParseResult = {
                    province:result[0].province,//省
                    city:result[0].city,        //市
                    area:result[0].area,        //区
                    code:result[0].code,        //行政区划
                    details:result[0].details,  //详情地址
                    name:result[0].name,        //人员姓名
                    mobile:result[0].mobile,    //手机号
                    phone:result[0].phone,      //固话
                    zip_code:result[0].zip_code,//邮编
                }
            } else {
                console.log('请输入你要解析的地址')
                this.toast('请输入您要解析的地址信息')
            }
            
            console.log('解析完成！');
        },
    },
}
</script>

3、效果