记录下项目中的一个要求:复制地址后自动识别信息
主要是依靠 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:"复制成功"
// })
}
});
}
}
}