uniapp地址粘贴自动识别功能

最新推荐文章于 2024-10-20 15:59:36 发布

原创最新推荐文章于 2024-10-20 15:59:36 发布 · 746 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #notepad++

首先我的省市区是一个选择框，在uniapp插件库中下载自动识别插件

下载后记得必须要引入

<view class="conteng-ones">
				<view class="userxuan"><text>所在地区</text></view>
				<view class="userinput">
					<picker mode="region" @change="regionChange" class="oks">
						<input style="width: 666rpx;" v-model="city" placeholder="省市区选择" disabled="true" />
					</picker>
					<view class="images">
						<image src="../static/image/bottomxia.png"></image>
					</view>
				</view>
			</view>
			<view class="conteng-ones">
				<view class="userxuan"><text>详细地址</text></view>
				<view class="userinput"><input v-model="formDatas.detailInfo" placeholder="请输入详细地址" /></view>
			</view>
			<view class="conteng-shibie">
				<textarea placeholder='请在此处粘贴' v-model="copyContent"></textarea>
				<button @click="analysis" class="paste">粘贴并识别</button>
			</view>
import {
		AddressParse
	} from '../../uni_modules/Winglau14-address-auto-parse/components/Winglau14-address-auto-parse/lib/addressParseBundle.js';
return {
				formDatas: {
					id: null,
					isDefault: false, //是否为默认地址
					userName: '', //收货人姓名
					telNumber: '', //收货人手机号
					provinceName: '', //省
					cityName: '', //市
					countyName: '', //区
					detailInfo: '', //详细地址
				},
				city: '', //地址
				showDelete: null, //是否显示删除按钮
				choose: '',
				copyContent: "",
			}
// 自动识别按钮
			analysis() {
				// 获取剪贴板的内容
				uni.getClipboardData({
					success: (res) => {
						this.copyContent = res.data
						if (!res.data) return
						const result = AddressParse.parse(res.data)[0]
						this.formDatas.userName = result.name
						this.formDatas.telNumber = result.phone || result.mobile
						this.formDatas.provinceName = result.province
						this.formDatas.cityName = result.city
						this.formDatas.countyName = result.area
						this.formDatas.detailInfo = result.details
						// 因为微信小程序会自带一个弹窗,所以可以选择覆盖或者是隐藏
						this.city = `${result.province} ${result.city} ${result.area}`;
						uni.hideToast()
						// 覆盖
						// uni.showToast({
						// 	title:"复制成功"
						// })
					}
				});
			},