美文网首页
随笔记录一些的前端需求

随笔记录一些的前端需求

作者: 夏日望天看云 | 来源:发表于2019-04-12 16:44 被阅读0次

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

<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

相关文章

  • 随笔记录一些的前端需求

    一、要求通过按钮复制一段文字 通过创建一个input标签,选中其中内容,复制文本 二、element-ui 怎么在...

  • 按日期查询后台记录(JavaScript,Servlet)

    需求:Web前端页面输入查询起止日期,传递给后端,按日期查询记录。 思路: 1.Web前端通过JavaScript...

  • 正则匹配

    博客地址前端与运维都需要使用到正则匹配,因此此篇用于记录一些不太熟悉的规则和根据需求写的一些正则匹配命令,方便日后...

  • 年薪10万的前端一定会用的19 个 JavaScript 简写方

    由于前端开发的火热和一些IT巨头公司对web前端开发人员的需求旺盛,让越来越多的人转入前端。前端开发领域是IT技术...

  • 薪资那么高的Web前端,你该怎么学?

    由于前端开发的火热和一些IT巨头公司 对 web前端开发人员的需求旺盛,让越来越多的人转入前端。前端开发领域 是I...

  • hello world 我的第一篇blog

    记录自己前端学习心得和一些喜欢的文章

  • 在你交男朋友的第八天

    今天突然想起这个随笔软件 可以记录自己的一些点滴。

  • iOS swizzle 系统的代理方法

    需求背景 这次有个需求,就是滑动tableView的时候需要记录一些事件,停止的时候也要记录一些事件,而项目里面的...

  • 前端需求

    想做一个类google sheet的文档管理页面. 要求:1.提供文档说明以便方便未来二次开发.2.可以使用原生j...

  • Vuexms项目文档

    1.起步 1.1.前言 这篇文档是跟随腾讯课堂课程:前端教程vuex实现管理系统,给自己写的课堂随笔,仅作记录作用...

网友评论

      本文标题:随笔记录一些的前端需求

      本文链接:https://www.haomeiwen.com/subject/xmocwqtx.html