vant 页面切换 动画,vant左右滑动组件,vant 加载动画,vant button,vant动画,vant滑动切换
Vant3 ActionSheet是一种移动端UI组件，它可以在页面底部弹出一个面板，提供多个选项供用户选择，常用于提示用户进行操作或展示更多信息。

例如，在一个电商应用中，当用户点击商品图片时，可以通过Vant3 ActionSheet组件弹出面板，提供"加入购物车"和"立即购买"两个选项，让用户选择自己所需的操作。

下面是一个基本的Vant3 ActionSheet组件的例子：

html
<template>
<van-action-sheet
v-model="show"
:actions="actions"
@cancel="onCancel"
/>
</template>

<script>
export default {
data() {
return {
show: false,
actions: [
{ name: '选项一' },
{ name: '选项二' },
{ name: '选项三', subname: '描述信息' },
{ loading: true },
{ disabled: true, name: '禁用选项' },
],
};
},
methods: {
onCancel() {
this.show = false;
},
},
};
</script>


在上述代码中，van-action-sheet是Vant3 ActionSheet组件的标签名。v-model绑定了组件的显示状态，actions数组定义了面板中的选项，包括每个选项的名称、子名称、是否为加载状态以及是否禁用等属性。@cancel事件表示当用户点击取消按钮时触发的函数。

使用Vant3 ActionSheet组件可以让移动端应用更加友好和易用。