表格点击复制功能实现

表格点击复制功能实现（不完整代码）

 <a-table
        :columns="columns"
        :data-source="merchanTableData"
        :rowKey="(record,index)=>index"
      >
        <span slot="Address" slot-scope="text, record">
          {{text}}
          <a @click="Clone(text,record)">
            <a-icon style="color:rgb(0 0 0 / 54%)" type="copy" />
          </a>
        </span>
     
      </a-table>

data() {
    return {
      merchanTableData: [], 
      columns: [
        {
          title: '商户地址',
          dataIndex: 'Address',
          scopedSlots: { customRender: 'Address' },
        },
      ], //表格列
      copyData: null,//复制文字
    }
  },

 //一键复制功能
    Clone(text) {
      this.copyData = text
      console.log(text)
      this.copy(this.copyData)
    },
    copy(data) {
      const url = data
      const oInput = document.createElement('input')
      oInput.value = url
      document.body.appendChild(oInput)
      oInput.select() // 选择对象;
      document.execCommand('Copy') // 执行浏览器复制命令
      this.$message.success('已复制！')
      oInput.remove()
    },