「短文」如何在Vue中使用Axios发送PUT请求

你只需几行代码，您就可以轻松地使用 Vue 发出 axios.put() 请求：

<div id = "content"></div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script>
<script>
  const app = new Vue({
    data: () => ({result: null}),
    template: `
    <div>
      <button @click="makeRequest">Make Request</button>
      <div>Result is: {{result}}</div>
    </div>
    `,
    methods: {
      async makeRequest() {
        const res = await axios.put('https://httpbin.org/put', {hello:'world'});
        this.result = res.status;
      }
    }
  });
  app.$mount("#content");
</script>

您应该在 Vue 方法（methods）或观察者（watcher）中使用 axios.put() 请不要在计算属性中发送 HTTP 请求。

注：本文属于原创文章，版权属于「前端达人」公众号及 qianduandaren.com 所有，未经授权，谢绝一切形式的转载