vue3 el-dropdown下拉框用逻辑控制

加点甜

已于 2024-05-27 23:13:28 修改

阅读量788

点赞数 2

分类专栏： Vue3 文章标签： vue.js javascript 前端

于 2024-05-27 23:12:23 首次发布

(´▽`)ﾉ

本文链接：https://blog.csdn.net/w1311004532/article/details/139250312

版权

Vue3 专栏收录该内容

23 篇文章

订阅专栏

用代码逻辑来控制下拉框的展开与收起。

xxx.value.handleClose()

xxx.value.handleOpen()

<template>
   <el-button @click='handleClose'>关闭下拉框</el-button>
   <el-button @click='handleOpen'>打开下拉框</el-button>
   <el-dropdown ref="dropdownRef" >
    
</el-dropdown>
</template>

<script setup>
let dropdownRef = ref(null) //下拉框ref

//关闭下拉框
const handleClose = () => {
  dropdownRef.value.handleClose()
}
//打开下拉框
const handleOpen = () => {
  dropdownRef.value.handleOpen()
}
</script>