今天使用vant4的 Toast 轻提示 和 Notify 消息提示 时发现样式显示不出来,情况如下

 

解决方法

按需引入所需的样式即可

使用消息提示(Notify),引入     import 'vant/es/notify/style'

使用轻提示(Toast),引入     import 'vant/es/toast/style'

<script>
// 引入css
import 'vant/es/toast/style'
import 'vant/es/notify/style'

// 引入js
import { showNotify } from 'vant';
import {showFailToast } from 'vant';

export default {

  name: 'login',
  setup() {
    showFailToast('失败文案');
    showNotify({ type: 'danger', message:'手机号码不符合规范'  });
  }

}
</script>

 

 

更多推荐