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)},},
