【微信小程序】uniapp微信小程序自动识别地址、电话、姓名等信息

记录下项目中的一个要求：复制地址后自动识别信息

主要是依靠 address-parse 这个插件：

官网 收货地址自动识别 支持pc、h5、微信小程序 - DCloud 插件市场

// 首先需要引入插件
npm install address-parse --save

在项目中使用：

<view>
	<textarea placeholder='请在此处粘贴' v-model="copyContent"></textarea>
	<button @click="analysis" class="paste">粘贴并识别</button>
</view>

import AddressParse from 'address-parse';

export default {
    data() {
        copyContent :"",
        region:["省","市","区"],
        userAddress:{
            realName :"",
            phone:"" ,
            detail:"" ,
        }
    },
    methods:{
        // 解析地址
		analysis: function() {
            // 获取剪贴板的内容
			uni.getClipboardData({
				success: (res) => {
					this.copyContent = res.data
					if (!res.data) return
					const result = AddressParse.parse(res.data)[0]
					this.region = [result.province, result.city, result.area]
					this.userAddress.realName = result.name
					this.userAddress.phone = result.mobile
					this.userAddress.detail = result.details
                    // 因为微信小程序会自带一个弹窗,所以可以选择覆盖或者是隐藏
					uni.hideToast()
                    // 覆盖
                    // uni.showToast({
					// 	title:"复制成功"
					// })
				}
			});
		}
    }
}