Vue හි අරා වල පුනරාවර්තනය කිරීමේදී යතුරු ලබා ගැනීම
සමහර විට, අරයේ මූලද්රව්ය හැර, අපට යතුරු වලට ප්රවේශ වීමටද අවශ්ය වේ. මේ සඳහා පහත දක්වා ඇති විස්තෘත වාක්ය ඛණ්ඩය භාවිතා කරයි:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
ප්රතිදානය කිරීමේදී යතුරු සමඟ විවිධ මෙහෙයුම් කළ හැකිය. උදාහරණයක් ලෙස, අංක එකෙන් ආරම්භ වන පරිදි කරමු:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
පහත දක්වා ඇති අරය දී ඇත:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
මෙම අරයේ යතුරු ul ලැයිස්තුවක් ලෙස ප්රතිදානය කරන්න.
