『Vant2 の 百科全书』

Button 按钮

如果是跳转页面（不管是否携带参数），可通过 to 属性来实现。

<van-button to="/login">跳转页面van-button>
<van-button :to="{ path: '/login', query: { id: 1 } }">跳转页面van-button>

---

Form 表单

⭐ van-form 内部按钮触发检验和提交表单的问题❓

• 原因：van-button 标签 native-type 属性的默认值为 submit，导致触发表单提交；
• 解决：将 van-button 的 native-type 设置为 button ，同时加上 .stop 来阻止其冒泡。

<van-button native-type='button' @click.stop='xxx'>

---

List 列表

⭐ van-list 不触发 load 事件❓

工作中，经常需要用到 van-list 来批量加载数据，
经常考虑的问题就是，有数据和无数据时，v-if 用在 van-list 上会导致一个 van-list 的 load 方法执行不了，因而总是加载不了数据
解决：使用一个变量，当执行 load 方法的时，将这个变量变成 false，从而将 list 的代码进行隐藏操作。