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

Question

我是Vue JS的新手。 刚刚实施了一个样本树视图。

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

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

请帮忙。

Answer 1

如果你指的是：http://vuejs.org/examples/tree-view.html

有这个没有什么特别的方法nessessary。你会简单地用新的数据替换数据：

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'); 
} 

谢谢:)