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 事件

參考連結:

沒有留言: