vant-ui踩坑合集

1.vant card自定义：

按照官网案例写根本无效 需要按照如下格式：

  <van-card class="s-card">
     <template #tags>
       <p>123123123123 </p>
       <p>180****2258</p>
     </template>
   </van-card>

2.轻提示：

在methods中使用时要这样用

    logout() {
      var that = this;
      if (this.disc == "点击退出登录") {
        that.$api.dataV
          .adminLogout({ token: this.$store.state.state_token })
          .then((res) => {
            that.$toast("登出成功");
            that.disc = "点击进入登录页面";
          })
          .catch((err) => {
            that.$toast("网络繁忙，请稍后再试");
            that.disc = "点击进入登录页面";
          });
      }else{
          this.$router.push('/')
      }
    },

而不是Toast直接来

3.省市区选择器：

确认和取消需要这样写：

<van-area title="标题" :area-list="areaList" @confirm="getAdress" @cancel="cancel"/>

官网并未给出明确说明