天天看點

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定制開發

、網站開發