通过设置系统剪贴板的内容和获取系统剪贴板的内容实现复制功能
html相关代码:
<van-field
value="{{form.contactPhone}}"
label="联系电话 :"
readonly
border="{{ false }}"
catchtap="phoneClick"
/>
<van-field
value="{{form.realAddress}}"
label="地址 :"
type="textarea"
readonly
border="{{ false }}"
bindtap="copyText"
data-key="{{form.realAddress}}"
/>
js相关代码:
copyText(e) {
let key = e.currentTarget.dataset.key
//设置系统剪贴板的内容
wx.setClipboardData({
data: key,
success(res) {
//获取系统剪贴板的内容
wx.getClipboardData({
success: (res) => {
//提示
wx.showToast({
title: '复制成功',
})
},
})
}
})
},
html代码:
phoneClick() {
wx.makePhoneCall({
phoneNumber: this.data.form.contactPhone,
})
},
The End


大气响应式网络建站服务公司织梦模板
高端大气html5设计公司网站源码
织梦dede网页模板下载素材销售下载站平台(带会员中心带筛选)
财税代理公司注册代理记账网站织梦模板(带手机端)
成人高考自考在职研究生教育机构网站源码(带手机端)
高端HTML5响应式企业集团通用类网站织梦模板(自适应手机端)