移动端vue复制代码 ios和安卓以及兼容问题。

 

 

async copyTextBtn(val) {
      if (!val.desc) return Toast.fail("未上传文案");
      let oInput = document.createElement("input");
      oInput.value = val.desc.slice(0, 200);
      document.body.appendChild(oInput);
      oInput.select(); // 选择对象;
      document.execCommand("Copy"); // 执行浏览器复制命令
      Notify({
        type: "success",
        duration: 1000,
        message: "文案已复制", // (文案来源为的描述信息)
      });
      oInput.remove();

      let res = await bilishareadminUpdate({
        shareId: val.id,
        adminId: localStorage.getItem("userId"),
      });
      if (res.code != 200) return Toast.fail(res.msg);
      localStorage.setItem(
        "pathQuery",
        JSON.stringify({
          imgUrl: val.imgUrl,
          title: val.title,
          desc: val.desc.slice(0, 200),
          realUrl: res.data,
        })
      );
      this.$router.push({
        path: "/sharePage",
      });
    },
 
ps:复制内容如果长度过长,会出现安卓复制不上的问题(具体多长没有研究,我限制为200)。
posted @ 2021-12-13 11:05  敲敲碰碰  阅读(253)  评论(0编辑  收藏  举报