Vue.js PDFMAKE中的动态列
我正在使用PdfMake在我的VueJS应用程序上生成PDF,我想知道我是否可以控制模板中列的印象,例如,使用像变量一样打印的数据 我正试图达到这样的目标: 设var1:string='test'Vue.js PDFMAKE中的动态列,vue.js,vuejs2,pdfmake,Vue.js,Vuejs2,Pdfmake,我正在使用PdfMake在我的VueJS应用程序上生成PDF,我想知道我是否可以控制模板中列的印象,例如,使用像变量一样打印的数据 我正试图达到这样的目标: 设var1:string='test' 让var2:string='test2' 1) 原始代码 var dd = { content: [ { alignment: 'justify', columns: [ {
让var2:string='test2' 1) 原始代码
var dd = {
content: [
{
alignment: 'justify',
columns: [
{
text: 'var1'
},
{
text: 'var2'
}
]
},
],
styles: {
header: {
fontSize: 18,
bold: true
},
bigger: {
fontSize: 15,
italics: true
}
},
defaultStyle: {
columnGap: 50
}
}
2) 验证后/验证后
如果var2==null
var dd = {
content: [
{
alignment: 'justify',
columns: [
{
text: 'var1'
}
]
},
],
styles: {
header: {
fontSize: 18,
bold: true
},
bigger: {
fontSize: 15,
italics: true
}
},
defaultStyle: {
columnGap: 50
}
}
在文档定义之外设置一个变量就足够了吗?我相信一段代码就可以了
var columns = [];
var var1; // Defaults to undefined
var var2; // Defaults to undefined
var1 ="";
// If we have a value we add the column
if (var1 !== undefined) {
columns.push({ text: "var1" });
}
if (var2 !== undefined) {
columns.push({ text: "var2" });
}
// PDFMake document definition
var dd = {
content: [
{
alignment: 'justify',
columns: columns
},
]
...
}