2021-09-10

最新推荐文章于 2024-09-11 22:31:16 发布

m0_59495770

最新推荐文章于 2024-09-11 22:31:16 发布

阅读量54

点赞数 1

分类专栏：笔记文章标签：前端

本文链接：https://blog.csdn.net/m0_59495770/article/details/120225367

版权

笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

该博客探讨了如何将KB、MB、GB等单位转换为字节B，并提供了相应的JavaScript函数实现。同时，展示了在前端表格中实现鼠标悬浮时显示详细信息的技巧，通过el-popover组件展示了文件名的查看功能。

摘要由CSDN通过智能技术生成

KB、MB、GB转为B

   toByte(limit) {
      var size = "";
      if (limit.slice(-2) == "GB") {
        //GB转化成B
        size = limit.substring(0, limit.length - 2) * 1024 * 1024 * 1024;
        console.log(size);
      } else if (limit.slice(-2) == "MB") {
        //MB转化成B
        size = limit.substring(0, limit.length - 2) * 1024 * 1024;
        console.log(size);
      } else if (limit.slice(-2) == "KB") {
        //KB转化成B
        size = limit.substring(0, limit.length - 2) * 1024;
        console.log(size);
      } else {
        //其他转化成GB
        size = limit;
        console.log(size);
      }
      var sizestr = size + "";
      return sizestr;
    },

求和

   sum(arr) {
      return arr.reduce(function (prev, curr, idx, arr) {
        return prev + curr;
      });
    },

表格鼠标划过悬浮显示

在这里插入图片描述

<el-table-column label="Folder name" prop="title">
     <template slot-scope="scope">
        <el-popover trigger="hover" placement="bottom">
           <p>Click to view file: {{ scope.row.title }}</p>
               <div slot="reference" class="name-wrapper">
                    {{ scope.row.title }}
                  </div>
               </el-popover>
              </template>
</el-table-column>