{oc.tech.notes} 技術誌
技術誌記錄學習或專案執行當下遇到的問題及解決方案,方便日後翻查,益人益己!
2018/10/15
[Vue] 解決使用 bootstrap-datepicker 搭配 Vue 2 取不到值的問題
有些好用的 JavaScript UI plugin 在一般使用下很方便,但是剛好在搭配 Vue.js v2 就出現非預期的問題
在設計輸入日期欄位,用 HTML5 有 date 的輸入型態可以用,但是若是只想取年份跟月份,藉助 datepicker 就很方便
這回採用
bootstrap-datepicker
這個 plugin
問題:
以一般使用方法沒問題,不過用了 v-model 的 data bind 屬性後,雖然在 UI 看起來無異,但是 Vue 就是讀不到值
解決方法:
在 mounted() 去監聽 datepicker 的 changeDate 事件
參考連結:
when use vue2.0 and bootstrap-datepicker, and use v-model can not get the date value.
沒有留言:
張貼留言
較新的文章
較舊的文章
首頁
查看行動版
沒有留言:
張貼留言