ant-design-vue/antdv-demo/docs/popover/demo/control.md

595 B

#### 从浮层内关闭 使用 `visible` 属性控制浮层显示。 #### Controlling the close of the dialog Use `visible` prop to control the display of the card.
<template>
  <a-popover v-model="visible" title="Title" trigger="click">
    <a slot="content" @click="hide">Close</a>
    <a-button type="primary">
      Click me
    </a-button>
  </a-popover>
</template>

<script>
export default {
  data() {
    return {
      visible: false,
    };
  },
  methods: {
    hide() {
      console.log(111);
      this.visible = false;
    },
  },
};
</script>