一、要求通過按鈕復(fù)制一段文字
<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(); // 選擇對(duì)象
document.execCommand("Copy"); // 執(zhí)行瀏覽器復(fù)制命令
document.body.removeChild(oInput);
alert('復(fù)制成功');
}
</script>
<div id="A">復(fù)制的內(nèi)容</div>
<input type="button" onClick="copyUrl2()" value="點(diǎn)擊復(fù)制代碼" />
- 通過創(chuàng)建一個(gè)input標(biāo)簽,選中其中內(nèi)容,復(fù)制文本
二、element-ui 怎么在表格頭部添加一個(gè)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="一個(gè)渠道設(shè)置好鎖定庫存 , 其他渠道不能使用該庫存" 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
