vue 实现一键复制文字

  <p ref="num">SF1111000000p>
  <button @click="toCopy">复制button>

 data() {
    return {
      copyTxt: '',
    };
  },
  methods: {
    toCopy() {
       this.copyTxt= this.$refs.num.innerText;
       var input = document.createElement("input"); // 直接构建input
       input.value = this.copyTxt; // 设置内容
       console.log(input.value);

       document.body.appendChild(input); // 添加临时实例
       input.select(); // 选择实例内容
       document.execCommand("Copy"); // 执行复制
       document.body.removeChild(input); // 删除临时实例
     },
  }

你可能感兴趣的:(vue,JavaScript,vue.js,javascript,前端)