Attribútumok kezelése a Vue keretrendszerben
A data-ból származó értékeket nem csak szövegbe, hanem tag-ek attribútumaiba is be lehet illeszteni.
Ezt a v-bind direktívával tehetjük meg.
Most ezzel a direktívával állítsuk be
a src attribútum értékét a
img tag számára. Legyen a kívánt érték
a következő tulajdonságban tárolva:
data() {
return {
attr: 'img.png',
}
}
Írjuk be az értéket a tulajdonságból a
src attribútumba:
<template>
<img v-bind:src="attr">
</template>
Általában mindenki a rövidített
változatot használja a v-bind helyett.
Ez egyszerűen csak egy kettőspont az
attribútum neve előtt:
<template>
<img :src="attr">
</template>
Tároljunk a data-ban egy szöveget
és egy linkcímet:
data() {
return {
text: 'page',
href: 'page.html',
}
}
Alakítsa ki ezen adatok segítségével a következő kódot:
<a href="page.html">page</a>
