ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-21 03:11:15 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

docs(Popover): add select event demo

Browse Source
This commit is contained in:
chenjiahan
2020-11-20 11:08:02 +08:00
committed by neverland
parent 27ed9d1fb7
commit 1999195c46
3 changed files with 27 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/popover/demo/index.vue
View File

@@ -6,6 +6,7 @@
:actions="t('actions')"
placement="bottom-start"
style="margin-left: 16px;"
@select="onSelect"
>
<template #reference>
<van-button type="primary" @click="show.lightTheme = true">
@@ -18,6 +19,7 @@
theme="dark"
:actions="t('actions')"
style="margin-left: 16px;"
@select="onSelect"
>
<template #reference>
<van-button type="primary" @click="show.darkTheme = true">
@@ -48,6 +50,7 @@
theme="dark"
:actions="t('shortActions')"
:placement="currentPlacement"
@select="onSelect"
>
<template #reference>
<div class="demo-popover-refer" />
@@ -64,6 +67,7 @@
:actions="t('actionsWithIcon')"
placement="bottom-start"
style="margin-left: 16px;"
@select="onSelect"
>
<template #reference>
<van-button type="primary" @click="show.showIcon = true">
@@ -76,6 +80,7 @@
v-model="show.disableAction"
:actions="t('actionsDisabled')"
style="margin-left: 16px;"
@select="onSelect"
>
<template #reference>
<van-button type="primary" @click="show.disableAction = true">
@@ -90,6 +95,7 @@
v-model="show.customContent"
placement="top-start"
style="margin-left: 16px;"
@select="onSelect"
>
<van-grid
square
@@ -117,6 +123,8 @@
</template>
<script>
import Toast from '../../toast';
export default {
i18n: {
'zh-CN': {
@@ -207,6 +215,9 @@ export default {
this.currentPlacement = value;
});
},
onSelect(action) {
Toast(action.text);
},
},
};
</script>