Delo z atributi v ogrodju Vue
Vstavljati vrednosti lastnosti iz data
je mogoče ne le v besedilo, temveč tudi v atribute oznak.
To naredimo z direktivo v-bind.
Z uporabo te direktive nastavimo
vrednost atributa src za oznako
img. Naj želena vrednost
hrani v lastnosti:
data() {
return {
attr: 'img.png',
}
}
Zapišimo vrednost iz lastnosti v
atribut src:
<template>
<img v-bind:src="attr">
</template>
Običajno vsi uporabljajo skrajšano
različico v-bind. Predstavlja
preprosto dvopičje pred
imenom atributa:
<template>
<img :src="attr">
</template>
Naj v data hrani besedilo
in naslov povezave:
data() {
return {
text: 'page',
href: 'page.html',
}
}
S pomočjo teh podatkov oblikujte naslednjo kodo:
<a href="page.html">page</a>
