Jquery 使用VueJS v-if false/true时会丢失可踩踏属性

我有一张可以用的桌子。我没有找到与VueJS等效的

现在，我想删除/恢复表中的行，当我删除一行时，使用

$vm0.isVisible = false; // ( Each row is a vue component )

与：

<tr v-if="isVisible">...</tr>

行显示，但丢失所有可移动属性数据切换=true，数据隐藏=all，等等

---

任何人都知道为什么会发生这种情况，如果有什么可以做的吗？

不要期望Vue与其他dom操纵器愉快地生活在一起。Vue装载到元素上时会剥离事件侦听器。然后，只要它决定需要，它就会很高兴地覆盖它负责的dom部分。如果没有遗留javascript您无法生存，则需要在安装Vue后运行它。您正在尝试相反的技巧，在footable管理的桌子内运行小Vue。这是行不通的

我没有找到与VueJS等效的

你试过了吗？ 我认为它类似于Vue.js用于执行dom操作的footable。因此，在呈现之前，html元素实际上是javascript对象

比如说,， 作为虚拟dom元素的元素可能是这样的对象：

{标记名：'tr'，道具：{class:'table row'}，子项：[]}

上述对象将最终渲染为

然而，在jQuery Footable中，元素只是一个dom标记，其中包含数据切换等道具，所有道具都由jQuery而不是Vue.js控制。Vue对jQuery创建的这些道具数据切换之类的东西一无所知。因此，当您使用v-if或v-show使任何内容再次显示时，它将仅恢复为“Vue类型的元素”

您可以使用flex box设计创建一个很酷的响应表，而且非常容易学习

如果您不想通过flex box或其他方式为自己编写一个响应表，那么您可能想尝试一下ElementUI/iView/Vue Material/Aweasome Vue有许多有用的存储库

祝你好运！希望你能成功

$vm0.isVisible = true;