holm/froscon-2023-demo
1
0
Fork 0
forked from extern/froscon-2023-demo
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
sschum 2023-07-13 14:53:36 +02:00
parent c2ddb12140
commit 42db27c5d0
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/index.html
View File

@ -20,11 +20,11 @@
</div>
<div class="row">
<div class="col-6" v-for="(card, i) of cards">
<div class="card">
<div class="col-6" v-for="(card, i) of cards" :key="card.id">
<div class="card" v-on:click="removeCard(i)">
<div :class="i % 2 === 0 ? 'bg-primary' : 'bg-secondary'">
<div class="card-body">
<h5 class="card-title">{{ card }}</h5>
<h5 class="card-title">{{ card.content }} ({{ card.id }})</h5>
</div>
</div>
</div>
@ -42,7 +42,13 @@
},
methods: {
addCard() {
this.cards.push(this.message)
this.cards.push({
id: new Date().getTime(),
content: this.message,
})
},
removeCard(i) {
this.cards.splice(i, 1)
}
}
})