用戶名、密碼都有值激活提交按鈕

 最近用vue做移動端項目，要求當所有input框都有值時才點亮提交按鈕，如下圖：

 

解決思路：通過三個input框的v-model值運用邏輯運算符返回一個布爾值，通過computed計算屬性return出去，用此變量控制提交按鈕button的disabled的禁用狀態。

具體做法：

結構：

computed屬性的設置：

當3個變量都爲true時，返回true，disabled取反，提交按鈕就變爲激活狀態。

具體密碼規則校驗放在提交接口調用之前做。