从api更新数据时如何自动刷新组件，而不刷新页面

Question

我正在尝试将组件设为 LIKE 计数，

所以， 我有一个对象是名称（LIST）我从api获得，在我的 LIST 对象中有属性total_like，其默认值为0，当我点击按钮时我做了发布请求api和api我的total_like值上升到1和2等。 在我看来，我用 {{item.total_like}} 显示了相似的数量。到目前为止，一切都运作良好。

问题是 item.total_like 值仅在刷新页面时更新，但我想在不刷新页面的情况下显示此属性的新值。

我怎么能弄清楚它？

问候

Answer 1

也许您可以使用事件修饰符来阻止页面重新加载，例如......

<button type="submit" v-on:click.prevent="addLike" >

<button type="submit" v-on:submit.prevent="addLike">

或者如果你想使用简写

<button type="submit" @click.prevent="addLike" >

<button type="submit" @submit.prevent="addLike">

希望这有帮助。