Vue+elementUI+springboot+mybatis demo教程（三）

最新推荐文章于 2023-01-22 16:13:28 发布

追梦混球

最新推荐文章于 2023-01-22 16:13:28 发布

阅读量247

点赞数

原文链接：https://blog.csdn.net/qq_27095799/article/details/82746641?utm_medium=distribute.pc_relevant.none-task-blog-baidulandingword-2&spm=1001.2101.3001.4242

版权

上篇文章结尾介绍了今天这篇文章主要内容包括axios使用、跨域处理，以及mock.js的使用

axios使用

Axios是基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 node.js 中使用，有人可能会问axios 和ajax有什么关联呢？实际上axios是通过promise实现对ajax技术的一种封装，就像jQuery实现ajax封装一样。
简单用法如下
Get 请求

getUserList(){
     var _this=this;
     this.$http.get('/TbItem/list'
       ,{
          params:{
            pageNo:_this.currentPage,
            pageSize:_this.pageSize
          }
        }
     ).then(function(responese){
       _this.tableData=responese.data.itemList;
       window.console.log(_this.tableData)
       _this.total=responese.data.total;
     })
  }

Post请求

  //删除
  handleDelete(index, row) {
    var _this = this;
    _this.$confirm('是否要删除此商品', '提示',{
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      type: 'warning'
    }).then(()=>{
        //删除
         _this.$http.post("/TbItem/delete",{
              id:row.id,
         }).then((responese)=>{
           window.console.log(responese)
           if(responese.data.success=="success") {
             //弹出消息提示框并跳转到列表页
             _this.$message({
               title: '',
               message: '删除成功',
               type: 'success',
               center: true

             });
             this.getUserList();
           }

         });
    })

  }