使用 vue-qrcode 套件來產生 QR Code 時,在一定的機會下會產生 No input text 的錯誤。此錯誤在開發環境下不一定會出現,但隨著 prod 的發佈因 js 順序不保證的狀況下,就會導致程式崩潰。這邊筆記下處理方法。
內容
[ 套件位置 ]:https://github.com/fengyuanchen/vue-qrcode
1. 由於 vue-qrcode 套件在你傳入的 value 為空字串時,就會有 No input text 的錯誤產生。除了給定預設值外,也需要同時加上 v-if 條件來避免。如:
<vue-qrcode v-if="value" :value="value" :options="{ width: 100 }"/>
參考資料
1. vue 报错 #29
按讚加入粉絲團