Motomichi Works Blog

その日学習したことについて書いている日記です。誰かの役に立ったらそれはそれで嬉しいです。

vue.jsその0010 チェックボックスをチェックしたら or テキストフォームに一文字でも入ったらボタンを有効化する

参考にさせて頂いたページ

Vue.jsでチェックされたら or 入力されたら送信可能にするボタンを実装する方法 | tech.ewdev.info

バージョン

Vue.js v0.11.5

v-attrの中に条件式を入れられる

v-attrは

<button v-attr="disabled: !agree">Submit</button>

とか

<button v-attr="disabled: textValue == ''">Submit</button>

みたいな感じで、条件式がtrueのときdisabled属性が付くという事ができるんですね。