Vue.js 单击vue上的按钮时，vue引导下拉列表的关闭程度如何？

下面是正确工作的下拉列表示例

<Dropdown>
  <div
    type="button"
    aria-haspopup="true"
    aria-expanded="false"
  >
  Show Dropdown
  </div>
  <template #popover>
    <button
      @click="submit"
    >
    Click me
    </button>
  </template>
</Dropdown>

显示下拉列表
点击我

方法：{
提交（）{
//如何使下拉菜单关闭
}
}

单击按钮后，我需要关闭下拉列表。

• 在数据中定义

  显示下拉列表

• 对要隐藏的内容使用

  v-show=“showDropdown”

• 在下拉列表标题上定义

  @单击=“showDropdown=！showDropdown”

  以切换下拉列表
• 提交时设置

  showDropdown=false

显示下拉列表
点击我
从“vue”导入{defineComponent}；
导出默认定义组件({
数据（）{
返回{
决战：错误
}
},
方法：{
提交（）{
this.showDropdown=false；
//多做
}
}
});

---

如果需要将其作为模板，可以使用

v-If

而不是

v-show

在div上添加v-show而不是模板。它在模板上不起作用。@AtousaDarabi为什么需要它作为模板？@AtousaDarabi如果需要它作为模板，可以使用

v-if

而不是

v-show

<script>
method:{
  submit() {
    // How make Dropdown close
  }
}
</script>