Darbas su atributais Vue karkase
Įterpti reikšmes iš data savybių
galima ne tik į tekstą, bet ir į tagų atributus.
Tai daroma naudojant v-bind direktyvą.
Naudodami šią direktyvą nustatykime
src atributo reikšmę img tag'ui.
Tegul norima reikšmė yra saugoma savybėje:
data() {
return {
attr: 'img.png',
}
}
Įrašykime reikšmę iš savybės į
src atributą:
<template>
<img v-bind:src="attr">
</template>
Paprastai visi naudoja sutrumpintą
v-bind variantą. Jis yra
tiesiog dvitaškis prieš
atributo vardą:
<template>
<img :src="attr">
</template>
Tegul data saugomas tekstas
ir nuorodos adresas:
data() {
return {
text: 'page',
href: 'page.html',
}
}
Sukurkite naudodami šiuos duomenis šį kodą:
<a href="page.html">page</a>
