關於手動關閉多個el-popover的方法且不使用visible屬性

WAASSTT發表於2024-10-25

1.在el-popover使用ref

<el-popover
ref="motifyPopover"
:width="260"
trigger="click"
popper-class="modify-popover"
/>

2.宣告motifyPopover

const motifyPopover = ref<InstanceType<typeof ElPopover>>()

3.(重點)使用el-popover的hide方法

//因為motifyPopover.value是一個proxy型別
//proxy不能直接呼叫方法,需要使用Reflect.get方法
//使用motifyPopover.value陣列裡的proxy物件的hide方法隱藏彈出框
  if (motifyPopover.value) {
    Reflect.get(motifyPopover.value[index], 'hide').call(motifyPopover.value[index]) //call方法的第一個引數是this指向,後面的引數是函式的引數
  }
//index是指向的第幾個el-popover

  

相關文章