Werk met Attribute in die Vue Raamwerk
Om waardes van eienskappe uit data in te voeg,
kan nie net in teks nie, maar ook in die attribute van etikette.
Dit word gedoen met behulp van die v-bind richtlyn.
Laat ons hierdie richtlyn gebruik om die
waarde van die src attribuut vir die
img etiket in te stel. Laat die verlangde waarde
in die volgende eienskap gestoor wees:
data() {
return {
attr: 'img.png',
}
}
Laat ons die waarde van die eienskap in die
src attribuut skryf:
<template>
<img v-bind:src="attr">
</template>
Gewoonlik gebruik almal die verkorte
weergawe van v-bind. Dit word voorgestel
deur 'n dubbelpunt voor die
naam van die attribuut:
<template>
<img :src="attr">
</template>
Laat die teks
en die skakeladres in data gestoor wees:
data() {
return {
text: 'page',
href: 'page.html',
}
}
Genereer die volgende kode met hierdie data:
<a href="page.html">page</a>
