當使用 Vuetify (2.5.0) 和 Vue (2.6.12) 單擊元素時,我試圖打開一個小的彈出式浮動選單,例如
<v-menu bottom offset-y>
<template v-slot:activator="{ on, attrs }">
<div v-bind="attrs" v-on="on"></div>
</template>
<div>My popup floating content..</div>
</v-menu>
...但我不確定激活器應該如何處理點擊事件。v-btn出于某種原因,我沒有用作激活劑。vuetify 檔案給出了示例,但它們總是使用v-btneg 而不是上面激活器插槽中的 div,它是<v-btn v-bind="attrs" v-on="on">A Menu</v-btn>.
uj5u.com熱心網友回復:
您可以破壞onslot 道具以獲取 click 事件,然后在您的 div 中使用它:
<v-menu bottom offset-y>
<template v-slot:activator="{ on:{click}, attrs }">
<div v-bind="attrs" @click="click">show menu</div>
</template>
<div>My popup floating content..</div>
</v-menu>
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/340038.html
標籤:Vue.js vuetify.js
