我试图将jsTree插件集成到我的vue代码中 https://www.jstree.com/
这是我的问题的简化版本:
https://jsfiddle.net/hqcmu8pt/7/
<div id="app">
Tree is gone after one toggle.
<button type="button" @click="show= !show">
toggle tree
</button>
<div v-if="show">
Tree: <br>
<div id="tree"></div>
</div>
</div>
我想懒惰初始化树,只有一次,当用户切换树的可见性时。所以观察者似乎很好。 问题是,在第一次在观察者处理程序中创建树之后,在下一个切换中,树被完全销毁并且永远不会返回到DOM。
如何让vue了解我的DOM更改?
我无法将v-show
与mounted
一起使用,因为它不会给我一个懒惰的负载(我的实际树使用ajax)。
<keep-alive>
也没有效果。