在 Nuxt.js 中打开窗口后如何删除一些内容？是否可以？

Question

<template>
    <div>
        <Acomponent />
        <Bcomponent />
        <div @click="openWindow()">hellow</div>
    </div>
</template>

<script>
export default {
    data() {
        return {}
    },
    methods: {
        openWindow() {
            const width = '1000'
            const height = '600'

            const left = Math.ceil((window.screen.width - width) / 2)
            const top = Math.ceil((window.screen.height - height) / 2)
            window.open(location.href, `width=${width}, height=${height}, left=${left}, top=${top}, resizable=yes, scrollbars=yes`)
        },
    },
}
</script>

希望新窗口打开后，组件A和B不会出现在新窗口中。有什么办法吗？

Answer 1

是的，在data中新建一个属性，默认为true，在方法openWindow()中，将该属性设置为false。

在A和B组件中，放入v-if="this.yourattribute"。