vue-dom-portal把dom移动后, spa切换页面, 那么被移动的dom是不会被销毁的, 请问如何解决?

Question

环境: nuxt最新版

在beforeDestroy时候我本以为通过改变一个值的true/false, 来通过v-if销毁vue-dom-portal绑定的元素, 但是没有生效很不解.

---

Answer 1

是否为嵌套页面？
类似如下routes 结构

{
    path: '/cart',
    name: 'cart',
    meta: {
        title: '购物车'
    },
    component: cart,
    children: [{
        path: ':id',
        name: 'cartInfo',
        meta: {
            title: '详情'
        },
        component: cartInfo
    }]
}

Answer 2

v-if销毁vue-dom-portal绑定的元素

v-if 只是不再页面上渲染这个元素，我的意思是他没有复原该元素的样式，你要想做到这个功能，还要加上样式的复原（:style="{xxx: isFixed ? '改变' : '默认'}"）

Answer 3

beforeDestroy 时用js 删掉该dom节点就行

Answer 4

<div v-dom-portal="false"></div>