如何使用按钮删除整个 div

Question

谁能帮我写一个方法，让我在用@click 单击图标后删除整个 b-card？

           b-card  
              b-col.message.d-flex.justify-content-between.p-0(lg="12")
                b-col.d-flex.align-items-center(lg="11")
                  b-icon.mr-2.msg(icon="exclamation-circle" variant="success")
                  p.font-weight-bold.m-0.mr-2 Message
                  p.mb-0.msginfo - Update your measurements.  
                b-col.d-flex.align-items-center(lg="1")
                  p.mb-0.msginfo.font-weight-bold 11:20 
                  b-icon.ml-2(icon="x-circle" variant="danger" @click="removeNotification")
    ```

Answer 1

您可以创建一个新变量，如 showCard 最初设置为 true 并在 removeNotification() { this.showCard = false } 在你的模板中 b-card(v-show="showCard")。当 showCard 为假时，这将移除卡片。

如何使用按钮删除整个 div

How do I remove entire div with button

vue.js

pug

vuejs2