Darbība ar atribūtiem Vue framewrok
Ievietot īpašību vērtības no data
iespējams ne tikai tekstā, bet arī tagu atribūtos.
To dara, izmantojot direktīvu v-bind.
Izmantosim šo direktīvu, lai iestatītu
src atribūta vērtību priekš
img taga. Lai vēlamā vērtība
tiek glabāta īpašībā:
data() {
return {
attr: 'img.png',
}
}
Ierakstīsim vērtību no īpašības
atribūtā src:
<template>
<img v-bind:src="attr">
</template>
Parasti visi izmanto saīsināto
v-bind variantu. To pārstāv
tikai kols pirms
atribūta nosaukuma:
<template>
<img :src="attr">
</template>
Lai data tiek glabāts teksts
un saites adrese:
data() {
return {
text: 'page',
href: 'page.html',
}
}
Veidojiet, izmantojot šos datus, sekojošo kodu:
<a href="page.html">page</a>
