vue-element:点击el-table-column标签时,获取当前列的数据
1、 this变量 不要乱放,最好永远放在所在闭包的 第一行,使用const 声明。2、vue实例的上下文推荐命名: vm。避免两个this冲突。
·
需求:点击复制标签id列中的101
一、定义点击事件 @click="clickCopy($event)"
<el-table-column label="域名url" align="center" prop="domainUrl" width="300">
<template slot-scope="scope">
//感觉可以把 $event 替换成 scope.row
<div @click="clickCopy($event)">{{ domainUrlFormat(scope.row) }}</div>
</template>
</el-table-column>
二、定义接收方法
/** 点击复制 */
clickCopy(e) {
console.log(e.target.innerText)
}
三、复制
避免两个this冲突const vm = this;
1、 this变量 不要乱放,最好永远放在所在闭包的 第一行,使用const 声明
2、vue实例的上下文推荐命名: vm
/** 点击复制 */
clickCopy(e) {
const vm = this;
//console.log(e.target.innerText)
let copyText = e.target.innerText;
this.$copyText(copyText).then(function (res) {
console.log(res.text);
if(res.text){
vm.msgSuccess("复制成功");
}
});
}
更多推荐
已为社区贡献12条内容
所有评论(0)