vue修改http请求头_发送 PATCH / PUT 类型的 HTTP 请求（修改内容）《 Vue.js 前端应用 #9：请求接口 》...

修改内容的应用接口一般会选择使用 HTTP 的 PATCH 或者 PUT 方法。在我们的服务端应用里面提供一个修改内容用的接口，下面我们一块儿再试一下发送这种修改内容的请求。

在 App 组件的模板里，在这个循环内容列表的里面可以再添加一个 text 类型的 input，给这个元素绑定一个 value 属性，对应的值可以设置成 post.title 这个属性的值，也就是内容的标题。

在浏览器上观察一下，现在每个内容项目的旁边会出现一个文本框，这个文本框的值就是当前这个内容项目的标题内容，这是因为我们把内容的标题交给了这个文本框元素的 value 属性。

这里可以再给这个文本框元素绑定一个 keyup 事件，接着再用一个 enter，这样在这个文本框里按下回车这个按钮的时候，可以选择去做一些事情，这里可以设置成 updatePost 这个方法。

然后在这个组件的 methods 里面，添加一个方法，用 async 标记一下，方法的名字叫 updatePost，事件处理器方法默认都支持一个 event 参数。

在方法里面可以先在控制台上输出这个 event.target 里的 value 这个属性的值。 再回到浏览器测试一下，在这个文本框里输入点内容，按下回车，会执行组件里的 updatePost，这个方法会把文本框元素的值输出到控制台上。

如果你想让这个方法修改某个具体的内容，除了知道要修改的数据，还需要知道要修改的具体是哪个内容，这里需要一个 postId 参数，它的值就是某个内容的 id。

在控制台上可以输出 postId 这个参数。

这样在绑定 keyup 事件的时候，可以设置一下 updatePost 这个