如何使用 Vue 和 Axios 发出 PUT 请求

发布于 2022-06-08 12:54:09 字数 1162 浏览 978 评论 0

只需几行代码,您就可以轻松制作 axios.put()使用 Vue 请求:

<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>

你应该使用 axios.put()中调用 watcher 。 不要 发出 HTTP 请求

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

雨后咖啡店

暂无简介

0 文章
0 评论
23 人气
更多

推荐作者

末蓝

文章 0 评论 0

年少掌心

文章 0 评论 0

党海生

文章 0 评论 0

飞翔的企鹅

文章 0 评论 0

鹿港小镇

文章 0 评论 0

wookoon

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文