Vue混入mixins分发组件可复用功能_vue.js_

export default { methods: { transDict(list, status) { // 这里使用 try--catch 是防止有的时候后端返回的数据中式null或空的情况，也就是说此条数据无状态，我们只需要在catch中返回 --- 或者 无状态 等字眼即可 try { return list.find(item => item.dictValue == status).dictLabel } catch (error) { return '---' } } } } 

export default { methods: { // 可传入字节流及想要的文件名。甚至可以传入文件后缀，进行多种文件类型下载，这里默认的是下载Excel表格 filesExport(res, title) { if(res != null) { res.download = `${title}.xlsx` let url = window.URL.createObjectURL(new Blob([res])) let link = document.createElement('a') link.style.display = 'none' link.href = url link.download = `${title}.xlsx` link.type = 'xls' document.body.appendChild(link) link.click() }else { // 自定义的弹窗提示 this.$commonJS.openNotify('导出失败', 'error') } } }, } 

export default { methods: { // params是el-table表格合计事件的默认参数，里面包含表格中每一列的属性和数据 // prop 是自定义的传入的一个数组，意思是需要计算哪个属性的合计 // title 是合计列 第一格的文字描述 getSummariesMixins(params,prop,title) { const { columns, data } = params const sums = [] columns.forEach((column, index) => { if(index === 0) { sums[index] = title return; } if(prop.includes(column.property)) { const values = data.map(item => Number(item[column.property])); if (!values.every(value => isNaN(value))) { sums[index] = values.reduce((prev, curr) => { const value = Number(curr); if (!isNaN(value)) { return prev + curr; } else { return prev; } }, 0); sums[index] += ''; } else { sums[index] = 'N/A'; } } }) return sums; } } }