欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

elementUI的message如何配合Promise执行

程序员文章站 2022-03-08 15:31:10
deleteNode(){ //删除 const f = () => { return Promise.resolve( this.$message({ message: '删除成功!', type: 'success' }) ) } this.$axios.post('/api/v1/centerword/....
deleteNode(){
      //删除
      const f =  () => {
        return Promise.resolve(
          this.$message({
                message: '删除成功!',
                type: 'success'
              })
        )
      }
      this.$axios.post('/api/v1/centerword/delete',{
        idx: this.vertexIdx,
        name:this.targetNodeContent.name
      }).then(res => {
        if (res.data.statusCode == 200) {
          //删除成功 跳转到列表页
          f().then(()=>{
            let routeUrl = this.$router.resolve({
              path: '/atlasFusionList'
            })
            setTimeout(()=>{
              window.open(routeUrl.href, '_self')
            },1000)
          })
        } else {
          this.$message.error('删除失败!');
        }
      })
    },

举个例子,写一个方法返回Promise,就可以用.then了。暂时能想到的需求也就这种情况,还有什么时候能用到大家自己扩展下~

本文地址:https://blog.csdn.net/MengRui2333/article/details/112883511