从 PouchDB 获取数据后，VueJs UI 未更新

问题描述

这是我的代码

let app = new Vue({
  el: '#app',data() {
    return {
        pageTitle: 'All Notes',notes: []
    }
  },mounted() {
        db.allDocs({include_docs: true}).then(function(result){
            this.notes = result.rows;
            console.log(this.notes);
        }).catch(function (err) {
          console.log(err);
        });
        
    
  }
})

console.log(this.notes) 在控制台中记录获取的数据。但是UI没有更新。前端代码如下

<div class="note" v-for="note in notes">
                <p class="category"><span>{{note.category}}</span> <small class="ts"> {{note.date}} </small> </p>
                <p class="content"> {{note.content}} </p>
                

            </div>

这里有什么问题？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）