在新位置卸载Vue inistance或remount

Question

我正在开发一个要添加新功能的项目。该功能使用创建的Vue实例在一个页面上生存。它抓取：window.location.href并创建元数据，其中包含可以与其他用户共享的其他信息。

现在需要具有相同的共享功能才能在动态创建的页面上生效。我有几行信息，每行（可以是一行，可以是100行）有一个下拉列表，其中填充了单击框中的信息。在下拉列表中，我需要具有此共享功能。我可以使用shareWidget.$mount('some selector[with a data attribute="active"')获取第一行填充Vue实例  功能。无论我先点击哪一行，这都很有效。

问题在于，只要我点击另一行（$('some selector'），就会删除新的$('some selector[with a data attribute="active"')），该下拉列表现在是活动行的一部分。

我无法使用名为sharingWidget的Vue实例填充新选择器。我试图再次销毁和装载，但我得到[Vue warn]: $mount() should be called only once.这是预期的。有没有办法让Vue实例移动到新位置或卸载然后重新安装？

Answer 1

我不相信这实际上可以做到。安装Vue实例后，无法再次安装。与组件相对的Vue实例只能存在于一个位置。我的工作是，不是每一行都有下拉，只有一行存在。当我单击tile时，它将获得活动行并将下拉添加到其底部。因此，正如我所说，卸载和重新安装似乎不是一件事。