[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.

[JavaScript] 解決在 IE 11 出現 'Promise' 未經定義的錯誤

又是一個遇到老瀏覽器不支援新東西的問題

自從拔掉 jQuery 的 $.ajax，改採用 axios 處理非同步資料讀取，IE 11 噴出以下訊息



在不想改變現有寫法下，找到解決的方法，直接用 Promise Polyfill。

Lightweight ES6 Promise polyfill

可以直接引用 CDN

<script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.min.js"></script>

或是下載檔案使用

實驗結果，以最快速確認可行性，就是直接引入 CDN，結果成功！還好不用再改寫法～收工，繼續下一題。

[Laravel] Laravel 5.7 的新功能: dump-server

過去在 Laravel 想要取得執行當下的變數，不是 echo 出來，就是用 dd() 來印出變數值。
但如此動作總是中斷開發流程，又造成版面破版。

在剛釋出的 Laravel 5.7.x 版提供了一個新的 artisan 指令 dump-server

可以把要查看的變數或資訊印在 console視窗，又不造成中斷開發或視覺破版。

 

先讓 Laravel 執行一般網站模式，再開啟 dump-server 來監聽 dump()



若要取消監聽，用 Ctrl + C 即可中止。

[Vue] 如何使用 Vue CLI v3 來建立 Vue 專案

不知不覺 Vue CLI 已經來到版本 v3.0.0

v2.x 版本套件名稱為 vue-cli

v3.x 版本套件為 @vue/cli

所以如果要使用 v3 以上的版本，安裝方法如下 (註：開發前必須先裝 Node.js)

npm install -g @vue/cli

[Visual Studio] 解決程式碼在文字編輯器上無法區塊折疊的問題

問題

在開發機的 Visual Studio 2017 發現在編輯程式碼時無法區塊折疊

預期

如下圖左方一般 (同樣都是 .aspx 的檔案, 其中一台就沒有可折疊的可點)

解決方法

編輯 -> 大綱 -> 啟用自動大綱



不過目前發現這樣啟用只限單頁，若是其他頁要開啟，就要重複步驟。如果有任何先進發現自動設定啟用的方式，歡迎告知！

至少目前在編寫 aspx 的 HTML 時可以把不動的區塊折疊起來了！

[Git] 在 Windows 使用指令更新 Git 版本

指令就一行，更新很簡單，也不用再去手動找下載點囉！

git update-git-for-windows

[PowerShell] 安裝 posh-git 模組至 PowerShell

介紹

posh-git 是整合 PowerShell 及 Git 的模組，它提供了整合資訊顯示在命令列中

設定

先開啟 PowerShell 執行安裝模組 (範圍設定為目前的使用者)

Install-Module posh-git -Scope CurrentUser

回答都輸入 Y (是)

匯入 posh-git 模組

Import-Module posh-git

如此一來即可在 PowerShell 看到 Git 的狀態



若要永久使用，就把它加到自己的 Profile 設定去

Add-PoshGitToProfile

以後開 PowerShell 就可以繼續享用 posh-git 囉！