Javascript 如何"；隐藏/显示“；"；“可扩展项”；来自另一组分的组分（类星体）

我希望能够隐藏/显示有问题的组件，但不显示其他组件

差不多

-下拉列表

  <q-expansion-item
    expand-separator
    icon="perm_identity"
    label="Account settings"
    caption="John Doe"
  >
    <q-card>
      <q-card-section>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem, eius reprehenderit eos corrupti
        commodi magni quaerat ex numquam, dolorum officiis modi facere maiores architecto suscipit iste
        eveniet doloribus ullam aliquid.
      </q-card-section>
    </q-card>
  </q-expansion-item>

Lorem ipsum dolor sit amet，奉献精英。Quidem，eius reprehenderit eos腐败
从数量上来说，这是一种巨大的价值，它是一种由建筑师设计的建筑形式
伊万尼特·多洛里布斯·乌勒姆·阿利奎德。

closeDrop.Vue

<script>
    methods: {
      click() {
         expansion-item.hide
      }

    }
 </script>

方法：{
单击（）{
扩展-item.hide
}
}

---

考虑到组件中已经有@hide和@show方法，但我无法从vuex完全管理它

我使用ref属性创建它，并使用“this.$refs.expandableItem.hide（）”调用它。

只需设置

v-model

，如中所述：

现在，只需修改

expanded

的值，即可切换展开状态：

this.expanded = true

export default {
  data: () => ({
    expanded: false
  })
}

this.expanded = true