Vue中dom不随数据更新

Question

Vue中搞了一个span:

<span>{{order.status}}</span>

页面进来有数据的，这里会展示status,加了一个方法，会让span可以编辑(contenteditable 属性)，然后在页面上更改了数值之后；此时在数据库中修改status后，ajax请求更新数据后，页面上的status不会变了，一直停在手动编辑的那个状态，这个如何解决呢？

Answer 1

感觉你的意思是要双向数据绑定的，那为什么不用<input v-model="order.status">呢？这样用户修改的内容都能同步到order.status上，order.status的数据也能同步到input上，你用个span，加了只能表面编辑下，又不会对数据面上产生实际影响。