vue 3 親要素に v-if を指定して表示切替を行うことはできないのでしょうか？ <div id="test" v-if="seen"> <p>あいうえお</p>
vue 3 親要素に v-if を指定して表示切替を行うことはできないのでしょうか？ <div id="test" v-if="seen"> <p>あいうえお</p> <button @click="remove">削除</button> </div> 上記のHTMLでbutton をクリックすると、seen が false になり、全体が消えるvue を書いたのですが、効かないようです。 <div id="test"> <p v-if="seen">あいうえお</p> <button @click="remove">削除</button> </div> 次に、v-if を button の兄弟要素であるpに設定すると、その兄弟要素は消えて動作するようです。 したいことは、親要素であるdiv を削除したいのですが、不可能なのでしょうか？
JavaScript | HTML、CSS・68閲覧・50
ベストアンサー
<div id="test" v-if="seen"> <p>あいうえお</p> <button @click="remove">削除</button> </div> を、さらに、<div id="app"></div>で囲み jsで var app = new app { el: #app, data: { seen: true }, computed: { remove: function() { this.seen = false; } }); としては、どうですか？
質問者からのお礼コメント
ありがとうございました。
お礼日時：1/20 18:55
