Vue学习笔记Day-2

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>