宜しくお願い致します。
v-on時に簡易パスワード認証の機能をつけました。(動作確認済み)
簡易パスワード認証が成功した後、psBoxというクラスに追加でクラスを付与させたいと考えてますがうまくいきません。
流れ
1、入力フォームでappleを入力された場合、v-showの部分を表示させる
2、入力フォームでappleを入力された際、クラスactivesをfalseからtrueにしてactivesのクラスを適用する(display:noneを適用させたい)
<div id="app"> <div class="psBox" v-bind:class="{ actives: isActive }"> <p>パスワードを入力してください</p> <input type="text" v-model="msg" @input="checkPass"> </div> <div v-show="show"> <p>簡易認証後に表示される部分<p> </div> <script> var vm = new Vue({ el: "#app", data: { msg: "", show: false, isActive: false }, methods: { checkPass: function() { this.show = this.msg === "apple"; if (this.show = this.msg === "apple") { return isActive = true; } } } }); </script> <style> .actives { display: none; } </style>
わからないこと
・クラス付与の処理でif文を使っていますが正しい記載方法がわかりません。
・このようなケースの場合、checkPassという関数の中にクラスの処理も一緒に記載できるかどうか
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/12/17 04:20
2019/12/17 04:49 編集