1、获取提取字符串中的数值。

let Num="5L-6L"  
function extractNumbers(str) {
        return str.match(/\d+/g);
 }
console.log(extractNumbers(Num));//打印结果['5','6']

 2.封装的导出文件接口的方法

# 使用说明
1. 引入 : import exportExcel from "@/compoents/exportExcel/exportExcel.js";

接口例:pageExport(params) { 
    return Utils.server('get', DSE.gwglPath + '/xtjc/systemMonitor/pageExport', params,"blob")
  },

2. 使用 : exportExcel(接口导出数据, 导出文件名称);

js文件部分：
let  exportExcel=(item,name)=>{
    const blob=new Blob([item],{type:"application/vnd.ms-excel"});
    let fileName=name+".xls"
    if("download" in document.createElement("a")){
      const elink = document.createElement("a");
      elink.download=fileName
      elink.style.display="none";
      elink.href=URL.createObjectURL(blob);
      document.body.appendChild(elink);
      elink.click();
      URL.revokeObjectURL(elink.href);
      document.body.removeChild(elink);
    }else{
      navigator.msSaveBlob(blob.fileName)
    }
}
export default exportExcel;

3、分装Elenent分页功能

# 使用说明
1. 父组件引入:
<script>
  import Pagination from "@/compoents/pagination/pagination.vue";
  export default {
    components: { Pagination },
  }
</script>
2. ref传值
<Pagination 
  ref="pageData"
  @handleSizeChange="handleSizeChange" 
  @handleCurrentChange="handleCurrentChange"/>

# 使用ref传值=>接收的方法名 init(传输的值)
<script>
  例: 传输的值={
          currentPage: 1,//第几页
          pageSize: 20,//多少条数据
          pageSizes: [20, 50, 80, 100],//选择每页条数
          total: 0,//总条数
        },
  this.$refs.pageData.init(传输的值)
 </script>
 3. 子传父触发事件: 
 # handleSizeChange() ====> pageSize 改变时会触发
 例: handleSizeChange(val){
        第一步: 传输的值.pageSize = val; //给pageSize数据赋值(多少条数据)
        第二布: 调用获取表格列表数据事件
 }
 # handleCurrentChange()  ====> currentPage 改变时会触发
 例:  handleCurrentChange(val) {
     第一步: 传输的值.currentPage = val; //给currentPage数据赋值(第几页)
     第二布: 调用获取表格列表数据事件
    },

vue文件内容：

<template>
  <div>
    <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="page.currentPage"
      :page-sizes="page.pageSizes"
      :page-size="page.pageSize"
      layout="sizes, prev, pager, next, jumper, total"
      :total="page.total"
    >
    </el-pagination>
  </div>
</template>
<script>
export default {
  components: {},
  props: [],
  data() {
    return {
        page: {
        //分页
        currentPage: 1,//第几页
        pageSize: 20,//多少条数据
        pageSizes: [20, 50, 80, 100],//选择每页条数
        total: 0,//总条数
      },
    };
  },
  filters: {},
  computed: {},
  mounted() {
  },
  methods: {
    handleSizeChange(val) {
      this.$emit('handleSizeChange', val);
    },
    handleCurrentChange(val) {
      this.$emit('handleCurrentChange', val);
    },
    init(total){
        if(total){
        this.page=total
        }
    }
  },
  created() {},
};
</script>
<style lang="scss" scoped>

</style>