一、安裝依賴

npm install file-saver --save

npm install xlsx --save

npm install script-loader --save-dev

二、下載插件

　 到 https://pan.baidu.com/s/1DiIGxik9HaanMQwx2ICGAg 下載插件（密碼：fkkg）

三、在src目錄下創建一個vendor文件，把下載的插件復制進去

四、修改build/webpack.base.conf.js

　 ‘vendor‘: path.resolve(__dirname, ‘../src/vendor‘)

五、在methods方法裏

export_Excel() {
        var listStudent = null;
        this.axios.get(‘api/exportStudentList‘).then((response) => {
          listStudent = response.data.list;
        })
                //↑ 是獲取數據
                
        this.$confirm(‘確定要導出表格數據麽？‘, ‘提示‘, {
          confirmButtonText: 
 
‘確定‘,
          cancelButtonText: ‘取消‘,
          type: ‘warning‘
        }).then(() => {
          require.ensure([], () => {
            const {
              export_json_to_excel
            } = require(‘../vendor/Export2Excel‘)

            const tHeader = [‘ID‘, ‘姓名‘, ‘年齡‘, ‘性別‘, ‘生日‘]
            const filterVal 
 
= [‘id‘, ‘name‘, ‘age‘, ‘sex‘, ‘birthday‘]
            const list = listStudent
            const data = this.formatJson(filterVal, list)
            export_json_to_excel(tHeader, data, ‘商品管理列表‘)
          })
        }).catch(() => {})
      },
      formatJson(filterVal, jsonData) {
        return jsonData.map(v => filterVal.map(j => v[j]))
      }

導出之後長這樣

vue---Excel表格導出