Vue-Tables-2使用pdfmake库从多个选定的表行创建pdf文件

时间:2018-10-02 13:41:08

标签: vue.js vuejs2 vue-component pdfmake vue-tables-2

我想在vue-tables-2中创建多个选定行的pdf。我找到了一个名为pdfmake的pdf库,它看起来很棒。对此感到陌生,我正在努力寻找方法:

  1. 将其带入vue-tables-2组件。我该导入到 组件?
  2. 如何创建多个选定表行数据的pdf?我的表数据内容为this.checkedRows。如何将其放入pdf文件?

我看到pdfmake如何指示如何构建数据表内容,但是如何使它与vue-tables-2一起使用呢? pdfmake table content screenshot

如果有人知道vue-tables-2更好的pdf库,请告诉我。 到目前为止,这是我的代码...

<v-server-table url="/removals" :data="tableData" :columns="columns" :options="options">

    <input slot="selected" slot-scope="props" type="checkbox" :checked="props.row.selected" v-model="checkedRows" :value="props.row">

    <button slot="afterFilter" type="submit" @click="createPDF">Create PDF</button>

 </v-server-table>

我的数据内容现在只是一个非常简单的原型:

data() {
    return {

        tableData: [],

        checkedRows: [],

        columns: [
            'selected',
            'sku',
        ],

        options: {

        }
    }

还有我的方法...

methods: {

    createPDF() {
        pdfMake.createPdf(docDefinition).download('PO.pdf');
    }


}

1 个答案:

答案 0 :(得分:3)

您可以使用以下命令安装There is already an account created with the username {0}. Did you forget your password?

CREATE TRIGGER [database_name].[trigger_name] 
ON [database_name].[view_name]
FOR DELETE
AS
    SET NOCOUNT ON

    IF EXISTS (SELECT * 
               FROM [database_name].[control_table_name]
               WHERE Control_Item = 'view_name' AND Can_modify = 'N')
    BEGIN
        RAISEERROR('Deletions are currently disabled!', 11, 1) WITH NOWAIT
        ROLLBACK
    END

    SET NOCOUNT OFF
GO

并按照以下说明导入和使用

pdfmake