Question

我是Vue JS的新手。刚刚实现了一个示例树视图。

如何刷新整个树视图并完全用新内容重新加载？

通过Vue API但未能找到任何。

请帮忙。

Answer 1

如果您参考：http://vuejs.org/examples/tree-view.html

对此没有特殊的方法。你只需用新数据替换数据：

var demo = new Vue({
  el: '#demo',
  data: {
    treeData: data
  },
  methods: {
    //call this method e.g. from a buttons click event.
    flushtree: function() {
      this.treeData = newData // get new Data from somehwere.
    }
  }
})

Answer 2

我修改过的代码段：

if(demo!=null) {
    demo.flushtree(tableJson);
} else {
    demo = new Vue({
    data: {
     treeData: tableJson
    },
    methods: {
        flushtree: function(newData) {
        this.treeData = newData;
    }
}
})
demo.$mount('#demo');
}

谢谢：）

Vue JS：刷新/重新加载整个树视图

2 个答案: