Javascript 更改dom时未销毁Vue组件_Javascript_Vue.js

Javascript 更改dom时未销毁Vue组件

javascript vue.js

Javascript 更改dom时未销毁Vue组件,javascript,vue.js,Javascript,Vue.js,我有一个vue应用程序，可以重新排序和筛选组件列表 <div id="my-app"> <div v-for="item in listItems"> <my-item v-bind:item="item"></my-item> </div> </div> 但是，当我重新排序或筛选列表时，组件不会触发销毁事件，我需要向容器中添加一个类并删除其中的图像src。如果未对每个项目设置一个，则V

我有一个vue应用程序，可以重新排序和筛选组件列表

<div id="my-app">
    <div v-for="item in listItems">
        <my-item v-bind:item="item"></my-item>
    </div>
</div>

但是，当我重新排序或筛选列表时，组件不会触发销毁事件，我需要向容器中添加一个类并删除其中的图像src。

如果未对每个项目设置一个，则Vue将重新使用现有组件实例，仅更改绑定的

项目
您应该将key
设置为唯一标识该特定项的值


现在，当从列表中删除某个特定项时，关联的
组件将被销毁而不再使用。
请共享snippet或js fiddle？