vant4中文官网,vant4 uniapp,vant4 list,vant4 官网,vant4 cascader 级联多选,vant4 电子签名
Vant4 NavBar 导航栏是一个基于 Vue.js 的移动端组件，它提供了一个可定制的顶部导航栏，可以包含 Logo、标题、返回按钮、菜单等元素，支持左右两侧插槽和中央插槽，可以满足不同场景下的需求。

以下是一个简单的 Vant4 NavBar 导航栏示例：

html
<template>
<van-nav-bar
title="Vant4 NavBar"
left-text="返回"
@click-left="onClickLeft"
right-text="菜单"
@click-right="onClickRight"
/>
</template>

<script>
export default {
methods: {
onClickLeft() {
console.log('点击返回按钮');
},
onClickRight() {
console.log('点击菜单按钮');
},
},
};
</script>


在上面的代码中，van-nav-bar 组件设置了标题为 "Vant4 NavBar"，左侧文本为 "返回"，右侧文本为 "菜单"，并分别绑定了 click-left 和 click-right 事件处理函数。当用户点击左侧文本时，控制台会输出 "点击返回按钮"；当用户点击右侧文本时，控制台会输出 "点击菜单按钮"。