1：复制手机系统联系人手机号码：2粘贴到vue文件里面的input组件
6***@qq.com
- 发布：2023-05-08 17:59
- 更新：2023-12-19 16:23
- 阅读：338
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 11 家庭中文版
HBuilderX类型： 正式
HBuilderX版本号： 3.7.11
手机系统： Android
手机系统版本号： Android 10
手机厂商： 华为
手机机型： mate30
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
可以粘贴成功
可以粘贴成功
实际结果：
无法粘贴成功
无法粘贴成功
bug描述：
【报Bug】华为联系人的里面的手机号码复制无法粘贴到vue文件的input组件 ,但是nvue里面的input可以粘贴
（小米手机，苹果手机也不行）
麻麻我要吃山药 - uniapp+springboot开发，一套源码多端部署 1、集用户端、商家端、配送端一体。 2、多种商品类型：拼团商品、限时秒杀、新人大礼、等。 3、防DY短视频，可刷视频，喜欢、点赞、关注、评论。 4、防朋友圈功能，可发布图文动态信息，可浏览附近的Ta
有解决方案吗，我这边也是遇到这个问题了
麻麻我要吃山药 - uniapp+springboot开发，一套源码多端部署 1、集用户端、商家端、配送端一体。 2、多种商品类型：拼团商品、限时秒杀、新人大礼、等。 3、防DY短视频，可刷视频，喜欢、点赞、关注、评论。 4、防朋友圈功能，可发布图文动态信息，可浏览附近的Ta
算了，将就的解决办法，直接根据获取剪切板的内容，判断是否是自己需要的数据格式，直接赋值到input里面即可
onShow() {
let that = this
//判断剪切板里面是否存在复制的昵称、账号、手机号
uni.getClipboardData({
success: function (res) {
/* console.log("getClipboardData=333==========")
console.log(res) */
let data = res.data
if(data){
that.key = data
}
}
});
},麻麻我要吃山药 - uniapp+springboot开发，一套源码多端部署 1、集用户端、商家端、配送端一体。 2、多种商品类型：拼团商品、限时秒杀、新人大礼、等。 3、防DY短视频，可刷视频，喜欢、点赞、关注、评论。 4、防朋友圈功能，可发布图文动态信息，可浏览附近的Ta
将就的，完善的办法
1、在util.js里面创建方法
/**
* 获取剪切板里面的内容，判断该内容是否是手机号，获取到手机号后是否清空剪切板内容
*/
export const getClipboardDataByMobile = (flush=true,resolve, reject) => {
uni.getClipboardData({
success: (res) => {
/* console.log("getClipboardData=222==========")
console.log(res) */
if(res && res.data){
let data = res.data.trim()
data = data.replace(/\s/g, '') // 使用正则表达式将所有空格替换为空字符串
let pattern = /^\d+$/; // 只包含0-9的数字
if(pattern.test(data) && data.length == 11){
if(flush){
uni.setClipboardData({
data: '',
showToast: false
})
}
resolve(data)
}
}
}
});
}2、在vue文件里面导入util.js
import {getClipboardDataByMobile} from "@/utils/util.js"3、在vue文件里面onShow那里进行操作
onShow() {
let that = this
//判断剪切板里面是否存在复制的手机号
getClipboardDataByMobile(true,(data)=>{
if(data){
that.key = data//赋值到input的value里面
}
})
},