导出excel换行问题,一个单元格多张图片问题,数组对象去重处理,计算属性传参

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)
		   },
		 },
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值