Vue Ajax Request

  1. 安装axios
    npm install --save axios

  2. 在plugins文件夹增加axios.js文件, 内容如下,这样就可以在各Vue中直接使用axios了,无需再this.$axios了

import axios from 'axios'

export default ({app, router, Vue}) => {
  Vue.prototype.$axios = axios
  // ^ ^ ^ this will allow you to use this.$axios
  //       so you won't necessarily have to import axios in each vue file
}
  1. 在需要引用的Vue文件中
import axios from 'axios'

在需要的函数中如下使用

  methods: {
    loadData () {
      axios.get('/api/v1.0/user')
                .then((response) => {
                  this.tableData = response.data['users']
                })
                .catch(() => {
                  this.$q.notify({
                    color: 'negative',
                    position: 'top',
                    message: 'Loading failed',
                    icon: 'report_problem'
                  })
                })
    }
}

参考

https://quasar-framework.org/guide/ajax-requests.html

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,206评论 1 4
  • 相关概念 混合开发和前后端分离 混合开发(服务器端渲染) 前后端分离后端提供接口,前端开发界面效果(专注于用户的交...
    他爱在黑暗中漫游阅读 3,084评论 4 45
  • 酵素果冻配料表全部是果蔬,草莓,猕猴桃,哈密瓜,香蕉,水蜜桃,香瓜,火龙果,柠檬,木瓜,蓝莓,杨桃,山竹,胡萝卜,...
    兰花您的居家减肥养生顾问阅读 1,047评论 0 0
  • 爱,你如何看待? written by: 杨梅jillyang (原创第2篇) 写在前面的话-...
    杨梅jillyang阅读 772评论 8 9
  • 记得毕业前,和朋友把酒言欢话离别,我们两人都选择了开发,却选了不一样的路,我选了应用,他选了底层,一个做纯软件,一...
    IT晴天阅读 739评论 1 5

友情链接更多精彩内容