[指南] 使用 vue-qrcode 套件出現 No input text 解決方法

章節連結

使用 vue-qrcode 套件來產生 QR Code 時,在一定的機會下會產生 No input text 的錯誤。此錯誤在開發環境下不一定會出現,但隨著 prod 的發佈因 js 順序不保證的狀況下,就會導致程式崩潰。這邊筆記下處理方法。

vue.js logo vue


內容

[ 套件位置 ]: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

按讚加入粉絲團

延伸閱讀