导出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 =  `
${options.width}px; height: ${options.height}px; text-align: center; vertical-align: middle">` val.forEach(element => { console.log(element.url); tdStr +=`${element.url}" width=${options.width} height=${options.height}>
`
}); tdStr +=`
`
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)
		   },
		 },

你可能感兴趣的:(vue,vue.js,javascript,前端)