elementui plus怎么在级联选中后关闭弹层

简介: 相信大家平时在敲代码的时候,经常都会用到 elementui 组件库,那么就有一个问题,elementui plus怎么在级联选中后关闭弹层呢?
<el-cascader
  v-model="form.productCategoryId"
  @change="classifyChange"
  :options="classify"
  :props="{ 
    checkStrictly: true, 
    value: 'categoryId', 
    label: 'categoryName', 
    expandTrigger: 'hover',
    emitPath: false,
  }"
  clearable
  :show-all-levels='false'
  ref='classifyRef'
>
</el-cascader>

定义一个ref
const classifyRef = ref()

setup里面

const classifyChange = () => {
  console.log(classifyRef.value)
  // 调用实例的方法手动关闭
  classifyRef.value.togglePopperVisible()
}

即可轻松解决。

如果你想开发小程序或者了解更多关于小程序的内容,可以通过第三方专业开发公司,来帮助你实现开发需求:厦门在乎科技-专注小程序开发、厦门app定制开发、网站开发

相关文章
|
3月前
element组件库笔记一:element 框架中table表格复选框选中后,切换下一页之前选中复选框和数据消失的问题
这篇文章介绍了在Element UI框架中,如何解决表格组件复选框在分页时选中状态丢失的问题。
275 0
|
6月前
Element UI 自定义/修改下拉弹窗的样式(如级联选择器的下拉弹窗样式)
Element UI 自定义/修改下拉弹窗的样式(如级联选择器的下拉弹窗样式)
574 0
|
8月前
基于elementUI的el-table组件实现按住某一行数据上下滑动选中/选择或取消选中/选择鼠标经过的行
基于elementUI的el-table组件实现按住某一行数据上下滑动选中/选择或取消选中/选择鼠标经过的行
|
JavaScript
VUE element-ui之table表格中嵌套输入框,且输入框失焦自动勾选当前行
VUE element-ui之table表格中嵌套输入框,且输入框失焦自动勾选当前行
1736 0
VUE element-ui之table表格中嵌套输入框,且输入框失焦自动勾选当前行
|
开发者
jeDate日期控件的使用以及选中后点确定按钮关闭功能
jeDate日期控件的使用以及选中后点确定按钮关闭功能
169 0
|
前端开发
uniapp checkbox样式失效,选中框选中按钮不显示
uniapp checkbox样式失效,选中框选中按钮不显示
351 0
|
前端开发
上传图片组件的悬停显示删除等操作遮罩层
上传图片组件的悬停显示删除等操作遮罩层
|
前端开发 JavaScript
【分享】纯js的n级联动列表框 —— 基于jQuery,支持下拉列表框和列表框,最重要的是n级,当然还有更重要的
多个列表框联动,不算是啥大问题,但是却挺麻烦,那么怎么才能够尽量方便一点呢?网上搜了一下,没发现太好用的,于是就自己写了一个。基于jQuery,无限级联动,支持下拉列表框和列表框。   先说一下步骤和使用方法: 1、在页面里设置列表框 城市: 请选择沈阳抚顺鞍山营口大连 区县: 请先选择城市 街道: 请先选择区县 社区: 请先选择街道   排版布局可以随意设定,id、name、css等都没有任何限制。
1205 0