vue不能使用jQuery 2 Excel

时间:2019-07-29 22:05:42

标签: jquery html vue.js

我有一个html表,正在尝试下载它。我正在使用jQuery 但是我使用的框架是Vue。

我试图将CDN添加到我的Vue应用程序中的index.html中。但是当我尝试使用它的功能时,这会向我发送错误消息。

我试图将CDN包括在组件和index.html中,但似乎无济于事。

CDN

<!--html table to excel -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <script src="https://cdn.rawgit.com/rainabba/jquery-table2excel/1.1.0/dist/jquery.table2excel.min.js"></script>

功能

let table = this.$el.querySelector('#irit_res_table');
table.table2excel({
            name: "Worksheet Name",
            filename: "SomeFile",
            fileext: ".xls"
});
alert(`exported`);

table dom

<table id="irit_res_table" width="100%">
                            <tr>
                                <th v-for="option in fields_choosed_for_table" :key="option">
                                    {{ option }}
                                </th>
                            </tr>
                            <tr v-for="student in students_search" :key="student.QuestionnaireNumbers">
                                <td v-for="option in fields_choosed_for_table_keys" :key="option">
                                    {{ student[option] }}
                                </td>
                            </tr>
                        </table>

错误是:

  

v-on处理程序中的错误:“ TypeError:table.table2excel不是函数。

0 个答案:

没有答案