limitVue.js、PHP、Java、Cordova、Monacaを中心にハイブリッドアプリ開発、PWA開発など効率的なWEB、iOS、Androidアプリ開発の情報を共有します。本日はVue.jsを使って、ボタンを押せなくする方法を解説します。ボタンを押すとdisabledにする実装は簡単で、ボタンを押したかどうかのフラグを用意しておき、ボタン押下と同時にフラグも書き換えればOKです。Testコンポーネント内で上記のような動作を実現してみましょう。コンポーネント全体です。ボタンを押したらisPushをtrueにします。}}</script>データの準備データにボタンを押したかどうかを保持する「isPush」を用意します。初期表示時はボタンは押されていないので、isPushはfalseです。続いて、ボタンを押した時にisPushを変更するためのメソッドを用意します。ボタンを押したらisPushをtrueにします。}}ボタンの準備テンプレートで、ボタンを設置します。@clikc="pushBtn()">ボタン</button>ボタンを押すと、pushBtnが呼ばれてisPushがtrueになり、isPushがtrueとなった場合に、ボタンがdisabledになります。以上が、Vue.jsでボタンをdisabledして押せなくする方法でした。V...2018-02-15【Vue.js】Vue.jsとLocalStorageを使ってテンプレートの作成【LocalStor...【Vue.js】Vue.jsとLocalStorageを使ってテンプレートの作成【L...2017-09-27【Vue.js】単一ファイルコンポーネントを使わないVue.jsで、画面間のデータ受け渡し。Vue.jsはてなブログをはじめよう!duo-taro100さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。