V-if和V-else不按照我想要的方式工作，我想在另一部分为真时隐藏一部分。

假设我们有两个组件SectionA和SectionB，我们想在SectionA为真时隐藏SectionB，我们可以使用如下代码：

SectionA.vue

<template> <div v-if="showSectionA"> <!-- section A content --> </div> <section-b v-else /> </template>

<script> import SectionB from "./SectionB";

export default { components: { SectionB }, data() { return { showSectionA: true }; } }; </script>

SectionB.vue

<template> <div v-if="showSectionB"> <!-- section B content --> </div> </template>

<script> export default { data() { return { showSectionB: false }; }, watch: { $parent: { handler(val) { this.showSectionB = !val.showSectionA; }, immediate: true } } }; </script>

在SectionA中，我们使用v-if指令来控制当showSectionA为真时显示SectionA的内容。否则，通过将SectionB组件包裹在v-else中来隐藏SectionB。

在SectionB中，我们使用watch侦听器来监听父组件的showSectionA值，然后根据这个值更新showSectionB值以在需要时隐藏SectionB。

请注意，如果要隐藏SectionA并显示SectionB，则需要将SectionB移动到SectionA中并反转watch侦听器中的逻辑。