Nuxt中使用Vant，完成通知欄Notify的提示

第一次移動端開發，UI方面選擇了使用vant框架，但是vant官網寫的使用，在nuxt項目中照搬官方的實例，各種報錯，所以還得靠自己（使用方法在最后）

 

官方實例：

 

方法一：直接復制粘貼的時候，報錯Notify未定義

 

 

方法二：直接復制粘貼，報錯顯示資源未找到

 

 

 

最后的解決方案

 

<template>
  <div>
    <van-button type="primary" class="mt-10" @click="toNotify"> 頂部通知 </van-button>
  </div>
</template>
<script> export default { methods: { toNotify() { this.$notify({ type: 'danger', message: '錯誤提示!' }); } } }; </script>

 

 很簡單的使用方法，順利解決，效果如圖所示

 

 

 

嗯，就醬~~~