西宁市网站建设,东莞市市场监督管理局官网,室内设计怎么收费的,深圳福田区房子价格1#xff1a; 插件安装 主要是依靠 address-parse 这个插件#xff1a; 官网 收货地址自动识别 支持pc、h5、微信小程序 - DCloud 插件市场 // 首先需要引入插件
npm install address-parse --save 2#xff1a;html部分 view classview class 插件安装 主要是依靠 address-parse 这个插件 官网 收货地址自动识别 支持pc、h5、微信小程序 - DCloud 插件市场 // 首先需要引入插件
npm install address-parse --save 2html部分 view classview classcenter copyContBoxtextarea placeholder云南省昆明市西山区前福路xxx号李狗蛋132xxxxxxxx v-modelcopyContent stylewidth: 100%;/textarea/viewview classcopyBtnBoxbutton clickdiscernAddAddressBtn classcopyBtn center{{$t(识别地址)}}/button/view/viewform submitformSubmitview classaddAddressview classlistview classitem acea-row row-between-wrapperview classname{{$t(姓名)}}/viewinput typetext :placeholder$t(请输入姓名) namereal_name :valueuserAddress.real_nameplaceholder-classplaceholder/input/viewview classitem acea-row row-between-wrapperview classname{{$t(联系电话)}}/viewinput typenumber :placeholder$t(请输入联系电话) namephone :valueuserAddress.phoneplaceholder-classplaceholder pattern\d*/input/viewview classitem acea-row row-between-wrapperview classname{{$t(所在地区)}}/viewview classaddresspicker modemultiSelector changebindRegionChangecolumnchangebindMultiPickerColumnChange :valuevalueRegion :rangemultiArrayview classacea-rowview classpicker{{region[0]}}{{region[1]}} {{region[2]}}/viewview classiconfont icon-dizhi fontcolor/view/view/picker/view/viewview classitem acea-row row-between-wrapperview classname{{$t(详细地址)}}/viewinput typetext :placeholder$t(请填写具体地址) namedetail placeholder-classplaceholder:valueuserAddress.detail/input/view/viewview classdefault acea-row row-middle clickChangeIsDefaultcheckbox-groupcheckbox :checkeduserAddress.is_default ? true : false / {{$t(设置为默认地址)}}/checkbox-group/viewbutton classkeepBnt bg-color form-typesubmit{{$t(立即保存)}}/button!-- #ifdef MP --view classwechatAddress v-if!id clickgetWxAddress{{$t(导入微信地址)}}/view!-- #endif --/view/formstyle scoped langscss.copyContBox{padding: 15rpx;box-sizing: border-box;background-color: #fff;}.copyBtnBox{margin: 15rpx;display: flex;justify-content: flex-end;}.copyBtn{width: 160rpx;height: 60rpx;color: #fff;background-color: #42ca4d;font-size: 25rpx;}.center{display: flex;justify-content: center;align-items: center;}/style
3is代码
script
import AddressParse from address-parse;export default {data() {return {copyContent:,userAddress: {is_default: false}, //地址详情region: [this.$t(省), this.$t(市), this.$t(区)],}},methods: {discernAddAddressBtn(){let thatthis;const result AddressParse.parse(that.copyContent)[0];if(resultundefined){return that.$util.Tips({title: that.$t(粘贴板为空请将复制的内容放到粘贴板区域)});}else{if(result.provinceresult.cityresult.arearesult.nameresult.mobile){uni.showModal({title: 温馨提示,content: 请输入正确的地址,success: function (res) {that.userAddress.real_name;that.userAddress.mobile;that.userAddress.details;that.$set(that,region, [省,市,区]);if (res.confirm) {// console.log(用户点击确定,that.useIntegral);} else if (res.cancel) {// console.log(用户点击取消);// 用户点击了取消按钮的相关逻辑可以放在这里}}});}else{that.$set(that.userAddress, real_name, result.name);that.$set(that.userAddress, phone, result.mobile);if(result.province!||result.city!||result.area!){that.$set(that,region,[result.province,result.city,result.area]);}else{that.$set(that,region, [省,市,区]);}that.$set(that.userAddress, detail, result.details);that.cityId this.getCityId(that.district,result.province,result.city,result.area).v;}}},// 用粘贴板的省市区 匹配后台返回的省市区 获取城市idgetCityId(arr,province,city,area){if(province!city!area!){let obj{}for (let item of arr) {if(item.n province){if(item.c.length0){for (let ite of item.c) {if(ite.n city){if(ite.c.length0){let objite.c.find((val){return val.narea})return obj}}}}}}}else{return false;}},},
}
/script
