Vue学习笔记Day-2之Vant中NavBar的问题
Vant中nav-bar的用法
官方文档
基础用法
<van-nav-bar
title="标题"
left-text="返回"
right-text="按钮"
left-arrow
bind:click-left="onClickLeft"
bind:click-right="onClickRight"
/>
高级用法
通过 slot 定制内容
<van-nav-bar title="标题" left-text="返回" left-arrow>
<van-icon name="search" slot="right" />
</van-nav-bar>
实现调用方法
由于使用官方文档的方法无法调用函数,所以到网上查了一下,看到一个大佬说改成 @click-left即可实现。
<van-nav-bar title="Categories" @click-left="onClickLeft()" left-arrow>
<van-icon name="search" slot="right" color="#333"/>
</van-nav-bar>