Ich bin auf der Suche nach dem Img-Tag wählbar. Ich meine, um einen booleschen Wert wahr/falsch zu erhalten, wenn das Foto ausgewählt oder abgewählt ist. Irgendwelche Ideen?Vue js Bild wählbar
<h2 class="headline mb-2 text-xs-center">Choose your hero:</h2>
<v-layout row wrap primary-title v-for="hero in heroes" :key="hero.id">
<v-flex xs6>
<v-avatar size="80px" class="grey lighten-1">
<img v-bind:src="`${hero.href}`" alt="avatar">
</v-avatar>
</v-flex>
<v-flex xs6 class="text-xs-right">
<v-subheader>{{hero.name}}€</v-subheader>
</v-flex>
</v-layout>
</v-card>
</template>
<script>
export default {
data:() => ({
bases: [{
id: 1,
name: "Spiderman",
href: "../../static/spiderman.jpg"
}, {
id: 2,
name: "Batman",
href: "../../static/batman.jpg"
}]
})
}
</script>
Do nur ein Element wählen Sie möchten, dass die Bilder wie eine Radiogruppe agieren, whe Kann nur einer jederzeit ausgewählt werden? –
Hallo Roy, ja, das ist es. Es sollte nur möglich sein, einen auszuwählen, nicht beide gleichzeitig. Ja, genau wie ein Optionsfeld. – user8548238