vue复制html表格单列,VUE实现双击复制表格中内容功能

这篇文章主要介绍了VUE页面中通过双击实现复制表格中内容，本文通过实例代码给大家介绍的非常详细。

VUE页面中通过双击实现复制表格中内容页面预览：

vue中代码实现：

:data="tableData"

height="250"

border

style="width: 100%">

prop="date"

label="日期"

width="180">

prop="name"

label="姓名"

width="180">

{{scope.row.name}}

prop="address"

label="地址">

export default {

data() {

return {

tableData: [{

date: '2016-05-03',

name: '张三',

address: '上海市普陀区金沙江路 1511 弄'

}, {

date: '2016-05-02',

name: '李四',

address: '上海市普陀区金沙江路 1512 弄'

}, {

date: '2016-05-04',

name: '王五',

address: '上海市普陀区金沙江路 1513 弄'

}]

}

},

methods: {

copyVale(v) {

this.$message({message: '复制成功，内容为：‘' + v + ''', type:'success'})

var inputEle = document.createElement("input");

inputEle.style.display = "none"

inputEle.value = v

inputEle.select()

document.execCommand("Copy")

inputEle.remove()

}

}

}