vue js-table2excel table导出excel 单元格多张图片改写
1,安装js-table2excel插件
1,找到nodemodels下的js-table2excel文件夹下的index.js替换以下函数
function getImageHtml(val, options) {
options = Object.assign({width: 60, height: 60}, options)
let tdStr = `<td><div style="width: ${options.width}px; height: ${options.height}px; text-align: center; vertical-align: middle">`
val.forEach(element => {
console.log(element.url);
tdStr +=`<img src="${element.url}" width=${options.width} height=${options.height}><br/>`
});
tdStr +=`</div></td>`
return tdStr
}
import table2excel from 'js-table2excel'
table2excel(tHeader, list, list[0].khppname,this.radio)//页面调用的List参数是表格data 此时原来的图片数据由地址改成数组地址
(导出excel换行问题) vue js-table2excel table导出excel单元格
换行符会导致后边的文字进入另一个单元格,要使
在一个单元格内起到换行的作用,可以在CSS里加入这一句:
br {mso-data-placement:same-cell;}
数组对象去重处理
const data = this.tableList.filter((element,index,self)=>{
return self.findIndex(x=>x[name]===element[name]) === index
});
计算属性传参
newTableList() {
return(name) => {
return name+'1'
}
}
父组件给子组件传值,值的修改,子组件没有重新渲染,可监听值
watch: { // watch 监听 props 中的值
pagesize(newVal, oldVal) { // newVal 为新值, oldVal 为旧值
this.pageSize = newVal;
console.log(newVal)
},
},