Question

有人可以帮我写一个方法，让我用@click单击图标后删除整个b卡吗？

           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

1 个答案: