vue 页面实时更新

Question

有时候修改了代码里的数据，页面上并没有更新，还需要手动刷新一下，怎样设置才能让不管对代码里做了怎样的修改，页面都能实时更新呢

Answer 1

这个还是看你的代码具体怎么写的，建议贴一下完整的代码

Answer 2

恕我直言，导致这种问题的原因有很多

Answer 3

你把要更新的部分加一个v-if，更新的时候，把v-if置为false，改完置为true，试下

Answer 4

试试Vue.set方法，为对象添加一个响应式的属性，或者为数组添加一个值具体用法看api
https://cn.vuejs.org/v2/api/#...

Answer 5

如果我没有猜错，你可能遇到数组检测问题：
猛击查看官网描述：
大致意思就是：数组某些方法在使用后不会改变原始数组（而是返回新数组），例如：filter、concat、slice...，so Vue不能检测到改变。你得换个姿势来...

Answer 6

如果是用vue-cli搭建的，使用webstrom这种自动保存的IDE可能会出问题，我之前也是这种情况，换了vscode就好了

Answer 7

你可以在修改代码后再请求一次获取数据的接口