绑定 v-model:visible="visible" 属性后点击无效

Question

<template>
  <el-popover
      v-model:visible="visible"
      placement="bottom-start"
      :width="200"
      trigger="click"
  >
    <template #reference>
      <div class="result">
        <div>{{result}}</div>
        <div>
          <el-icon-arrowdown></el-icon-arrowdown>
          <el-icon-arrowup></el-icon-arrowup>
        </div>
      </div>
    </template>
    <div>内容</div>
  </el-popover>
</template>

<script lang="ts" setup>
import {ref} from 'vue'
let result = ref<string>('请选择');
let visible = ref<boolean>(false)
</script>

<style lang="scss" scoped>
.result {
  display: flex;
  align-items: center;
  width: fit-content;
  cursor: pointer;
}
</style>

Answer 1

五月的夏天 2022-01-14 11:19:16

那就先手动触发 。

Answer 2

提问者 慕粉3946981 2022-01-14 07:30:51

视频13:42

Answer 3

提问者 慕粉3946981 2022-01-14 07:30:46

视频13:42

Answer 4

五月的夏天 2022-01-13 17:35:22

我没有绑定v-model哈，绑定了v-model就要手动触发了 。

• 提问者 慕粉3946981 #1

  我看视频里绑定了....

• 提问者 慕粉3946981 #2

  视频13:42

Answer 5

提问者 慕粉3946981 2022-01-13 12:30:03

问题解决了，我在 template 里面绑定了一个点击事件。

不知道为什么老师没有绑定点击事件也能进行切换

• 五月的夏天 #1

  你看下我写v-model没有 。