美文网首页
vue-clipboard2 复制失败

vue-clipboard2 复制失败

作者: Enhoo_38ca | 来源:发表于2021-05-12 10:42 被阅读0次

    使用vue-clipboard2,在app内嵌h5当中使用,安卓使用正常,ios失败。
    发生场景在请求数据后,直接进行复制到粘贴板中发生。
    因同步的方式导致,所以需要把复制的操作延迟到下一个宏任务,解决方法:

    // utils.js
    export function syncHandle(func) {
      let timer = setTimeout(async () => {
        await func();
        clearTimeout(timer);
      }, 0);
    }
    
    // function.vue
    import { syncHandle } from 'utils.js'
    
    const text = this.$axios.post...
    syncHandle(() => {
      this.$copyText(text).then(
        (success) => {
          Toast('复制成功');
        },
        (err) => {
          Toast('复制失败');
        }
      );
    

    相关文章

      网友评论

          本文标题:vue-clipboard2 复制失败

          本文链接:https://www.haomeiwen.com/subject/sjtadltx.html