一、要求通過按鈕復(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