vue - 将jquery插件与v-if集成

时间:2018-06-17 22:18:53

标签: javascript jquery vue.js vue-component

我试图将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-showmounted一起使用,因为它不会给我一个懒惰的负载(我的实际树使用ajax)。 <keep-alive>也没有效果。

0 个答案:

没有答案