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( '导出失败');
                }
            })
        },

猜你喜欢

转载自blog.csdn.net/qq_39510798/article/details/81000904