Vue JS: Сбросить/перезагрузить весь древовидный вид

Question

Я новичок в Vue JS. Только что реализовал образец дерева.

Как очистить весь древовидный вид и полностью загрузить его новым контентом?

Прошел через API Vue, но не смог найти.

Пожалуйста, помогите.

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

Спасибо :)