随笔记录一些的前端需求

一、要求通过按钮复制一段文字

<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