vue后台中实现点击按钮,将文本内容复制到剪贴板
vue使用element-ui项目中实现点击按钮复制文本内容到剪贴板html代码:<el-button:disabled="!allData.getDataDicUsing.allowEdit"@click="copyTemplate(scope.$index, scope.row)"size="mini"type="text">复制</el...
·
vue使用element-ui项目中实现点击按钮复制文本内容到剪贴板
html代码:
<el-button
:disabled="!allData.getDataDicUsing.allowEdit"
@click="copyTemplate(scope.$index, scope.row)"
size="mini"
type="text">复制
</el-button>
method:
// 复制模板内容
copyTemplate(index, data) {
this.copyToClipboard(data.modelContent); // 需要复制的文本内容
this.$message.success('复制成功,注意带变量字段内容请自行替换!');
},
// 点击复制到剪贴板函数
copyToClipboard(content) {
if (window.clipboardData) {
window.clipboardData.setData('text', content);
} else {
(function (content) {
document.oncopy = function (e) {
e.clipboardData.setData('text', content);
e.preventDefault();
document.oncopy = null;
}
})(content);
document.execCommand('Copy');
}
},
更多推荐
已为社区贡献10条内容
所有评论(0)