Vant UI的Toast clear()真是个神坑

5,933 阅读1分钟

例子:

<script>
import { Toast } from "vant";
export default {
  data() {
    return {};
  },
  components: {
    [Toast.name]: Toast
  },
  mounted() {
    var aToast = Toast("success");
    setTimeout(() => {
      aToast.clear();
      Toast("ok");
    }, 100);

    setTimeout(() => {
      /* 这就是bug */
      console.log("aToast:", aToast);
      /* 但同时也会把Toast('ok')清空掉,真是个神坑 */
      aToast.clear();
    }, 200);
  }
};
</script>

不要再使用clear(),会把普通的Toast清空掉。