Rad sa atributima u Vue frameworku
Umetanje vrednosti iz data
može se vršiti ne samo u tekst, već i u atribute tagova.
Ovo se radi uz pomoć direktive v-bind.
Hajde da pomoću ove direktive postavimo
vrednost atributa src za tag
img. Neka željena vrednost
bude sačuvana u property-ju:
data() {
return {
attr: 'img.png',
}
}
Zapišimo vrednost iz property-ja u
atribut src:
<template>
<img v-bind:src="attr">
</template>
Obično svi koriste skraćenu
verziju v-bind. Ona predstavlja
samo dvotačku ispred
imena atributa:
<template>
<img :src="attr">
</template>
Neka u data budu sačuvani tekst
i adresa linka:
data() {
return {
text: 'page',
href: 'page.html',
}
}
Formirajte pomoću ovih podataka sledeći kod:
<a href="page.html">page</a>
