Práca s atribútmi vo frameworku Vue
Vkladať hodnoty vlastností z data
je možné nielen do textu, ale aj do atribútov tagov.
To sa robí pomocou direktívy v-bind.
Pomocou tejto direktívy nastavme
hodnotu atribútu src pre tag
img. Nech je požadovaná hodnota
uložená vo vlastnosti:
data() {
return {
attr: 'img.png',
}
}
Zapíšme hodnotu z vlastnosti do
atribútu src:
<template>
<img v-bind:src="attr">
</template>
Zvyčajne všetci používajú skrátenú
verziu v-bind. Predstavuje
jednoducho dvojbodku pred
názvom atribútu:
<template>
<img :src="attr">
</template>
Nech sú v data uložený text
a adresa odkazu:
data() {
return {
text: 'page',
href: 'page.html',
}
}
Pomocou týchto údajov vytvorte nasledujúci kód:
<a href="page.html">page</a>
