データが変更されたときに "v-if"指示が隠し要素を表示しない理由

-1

私はVue 2を使用しています.mobile-triggerをクリックすると最初のレンダリング要素が隠されていますVue-DevTools "mobileMenuIsOpen"はtrueに変更されますが、DOMに.overlayはまだ存在しません。データが変更されたときに "v-if"指示が隠し要素を表示しない理由

.mobile-trigger(@click='mobileMenuIsOpen = true') 

.overlay(v-if='mobileMenuIsOpen')

...

data() { 
    return { 
     mobileMenuIsOpen: false 
    } 
    }

2017-02-02 emil14

私はvue.jsの新人ですが、CSSセレクタでクリックイベントを追加しようとしていますか？ HTMLの要素に直接追加してみませんか？ – Cristy

ここで正確にやっていることについてのコードを追加してください、あなたのHTMLも – Chiko

クリスティー、そうではありません。これは[Pug（Jade）]（https://github.com/pugjs）です。私はそれを説明するのを忘れてしまった、すみません。 – emil14

これを読んで、この質問にコメントを残してすべての人に感謝し、。私は説明するのを忘れています、私はこのコードでPug（Jade）-preprocessorを使用しています。そして私はあなたに助けを与えるのに十分なコードを追加していません。

問題は、コンポーネントのルート要素に入れた "v-once"ディレクティブにありました。

2017-02-02 21:12:03 emil14

答えて