Vue 使用ant design的下拉框组件出现一直弹框

Question

<a-select
            v-model="form.linkman"
            placeholder="请选择"
            :open="false"
            :maxTagCount="1"
            mode="multiple"
            :options="options"
            @focus="selectUser"
          >
            <a-icon slot="removeIcon" type=" " />
          </a-select>
<shopowners ref='shopowner' :selectId="selectId" @onSelectChange='getShopowwer'/>
selectUser() {
      this.$refs.shopowner.storeId = this.storeId
      this.$refs.shopowner.status = this.status
      this.$refs.shopowner.show()
    },
    getShopowwer(params) {
      console.log(params)
      if (params.selectionRows.length) {
        let options = params.selectionRows.map((d) => {
          let v = { ...d }
          v.key = d.realname
          v.value = d.realname
          v.title = d.realname
          return v
        })
        this.options = options
        this.form.linkman = [this.options[0].realname]
        this.form.receivingPhone = this.options[0].phone
        this.selectId = this.options[0].id
        console.log(this.form)
      } else {
        this.options = []
        this.form.linkman = []
        this.form.receivingPhone = ''
        this.selectId = ''
      }
    },

点击触发事件 有个弹框是个列表 选择后关闭并把数据带过来  现在是数据带过来了 但是弹框一直触发  请大神帮忙看看问题在哪儿

Answer 1

@focus="selectUser" 里一获取焦点就打开。正常时这样的吗。