vue element前端 通讯录 导出服务

1.表格部分

        < div class= "btns" >

            < el-button type= "primary" size= "small" @click=" exportPhoneBookToExcel" >导出 </ el-button > //导出按钮

            < el-dialog title= "导出" v-model=" exportModal" size= "tiny" > //弹框

                < span >是否确认进行导出操作？ </ span >

                < span slot= "footer" class= "dialog-footer" >

                       < el-button @click=" exportModal = false" size= "small" >取 消 </ el-button >

                        < a :href=" fileUrl" @click=" exportModal = false" >

                             < el-button size= "small" >确 定 </ el-button >

                        </ a >

                </ span >

            </ el-dialog > //弹框

        </ div >

2.data里

  exportModal: false,

3.方法

//导出通讯录

         exportPhoneBookToExcel() {

             this. _exportPhoneBookToExcel_all(). then( da => {

                 if (! da. status) {

                     this. exportModal = true;

                     let data = JSON. parse( da)

                     this. fileUrl = ` ${ pmhUrl }${ data. result } `;

                } else {

                     this. $message. warning( '导出失败');

                }

            })

        },