在新位置卸载Vue inistance或重新挂载

Question

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

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

问题是，只要我点击另一行（$('some selector'）被删除，并且在现在是活动行的一部分的下拉列表中添加了新的$('some selector[with a data attribute="active"')）。

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

Answer 1

我不相信这实际上可以做到。一旦Vue实例被挂载，它就不能再次挂载。 Vue实例，而不是一个组件只能存在于一个地方。我的工作是，而不是每行都有一个下拉，只有一个存在。当我点击平铺时，它会获得活动行并将下拉列表追加到底部。所以，正如我所说，卸载和重新安装似乎不是一件事情。