一、要求通过按钮复制一段文字
<script type="text/javascript">
function copyUrl2() {
var Url2 = document.getElementById("A").innerText;
var oInput = document.createElement('input');
oInput.value = Url2;
document.body.appendChild(oInput);
oInput.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
document.body.removeChild(oInput);
alert('复制成功');
}
</script>
<div id="A">复制的内容</div>
<input type="button" onClick="copyUrl2()" value="点击复制代码" />
- 通过创建一个input标签，选中其中内容，复制文本
二、element-ui 怎么在表格头部添加一个Tooltip
- 通过vue-jsx来渲染表头：
1.npm i babel-helper-vue-jsx-merge-props babel-plugin-syntax-jsx babel-plugin-transform-vue-jsx --s
2.之后在你的.babelrc文件里面修改"plugins": ["transform-runtime", "transform-vue-jsx"]
3.
<el-table-column label-class-name="一个渠道设置好锁定库存 , 其他渠道不能使用该库存" label="锁定库存" width="150" align="center" :render-header="handleHelp">
</el-table-column>
handleHelp(h,{column}){
return(
<el-tooltip class="tooltip"
effect="light"
placement="top">
<span slot="content">
{column.labelClassName}
</span>
<span>
{column.label}
</span>
</el-tooltip>
)
}
-
效果图
image.png
