Puna me Atributet në Framework-un Vue
Vlerat e vetive nga data
mund të vendosen jo vetëm në tekst, por edhe në atributet e tag-ve.
Kjo bëhet duke përdorur direktivën v-bind.
Le të vendosim vlerën e atributit src për tag-un
img duke përdorur këtë direktivë. Le të supozojmë se vlera e dëshiruar
ruhet në vetinë:
data() {
return {
attr: 'img.png',
}
}
Le të shkruajmë vlerën nga vetia në
atributin src:
<template>
<img v-bind:src="attr">
</template>
Zakonisht të gjithë përdorin versionin e shkurtuar
të v-bind. Ai përfaqëson
thjesht një dy-pika para
emrit të atributit:
<template>
<img :src="attr">
</template>
Le të supozojmë se në data ruhen teksti
dhe adresa e link-ut:
data() {
return {
text: 'page',
href: 'page.html',
}
}
Formoni kodin e mëposhtëm duke përdorur këto të dhëna:
<a href="page.html">page</a>
