Vue Element UI 实现点击表格中某一个单元格进行复制其内容
console.log(row)打印出来的数据,是当前行的所有返回数据。4.在methods中定义方法handleCopyLink即可。利用此方法,就可以实现点击表格中某一个单元格进行复制其内容。需求实现点击表格中的某一个单元格能够进行复制其内容。1.安装插件vue-clipboard2。2.在main.js中引入。...
·
需求:实现点击表格中的某一个单元格能够进行复制其内容
1.安装插件 vue-clipboard2
npm install vue-clipboard2 --save
2.在main.js中引入
import VueClipboard from 'vue-clipboard2'
Vue.use( VueClipboard )
3.在页面上使用
<el-table-column
prop="title"
label="藏品名称"
align="center"
width="160"
>
<el-tage
slot-scope="scope"
@click="handleCopyLink(scope.row)">
{{scope.row.title}}
</el-tage>
</el-table-column>
4.在methods中定义方法 handleCopyLink 即可
handleCopyLink(row) {
console.log(row)
let _this = this;
this.$copyText(row.title).then(//这个地方写自己想要复制出的数据
function (e) {
_this.$message({
showClose: true,
message: "复制成功",
type: "success",
});
},
function (e) {
_this.$message({
showClose: true,
message: "复制失败,请手动复制",
type: "error",
});
}
);
},
console.log(row)打印出来的数据,是当前行的所有返回数据
利用此方法,就可以实现点击表格中某一个单元格进行复制其内容
更多推荐
已为社区贡献9条内容
所有评论(0)