美文网首页
Vue Ajax Request

Vue Ajax Request

作者: deep2world | 来源:发表于2018-09-02 18:37 被阅读0次
    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

    相关文章

      网友评论

          本文标题:Vue Ajax Request

          本文链接:https://www.haomeiwen.com/subject/bkhywftx.html