Vue හි සිද්ධි හසුරුවන්නන් සවි කිරීම
දැන් අපි අපේ ක්රමය කිසියම් සිද්ධියක් අනුව ක්රියාත්මක කරමු.
කිසියම් DOM අංගයකට සිද්ධියක් සවි කිරීම සඳහා,
ඔබට v-on නිර්දේශය භාවිතා කළ යුතුය.
මෙම නිර්දේශය තුළ, කොලොන් ලකුණට පසුව සිද්ධියේ නම සඳහන් කළ යුතුය, සහ එහි අගය විය යුත්තේ මෙම සිද්ධිය සිදු වූ විට කැඳවිය යුතු ක්රමයේ නමයි.
අපි ප්රායෝගිකව උත්සාහ කරමු. අපට පහත ක්රමය ඇතැයි සිතමු:
methods: {
show: function() {
alert('!');
}
}
අපට පහත බොත්තම ඇතැයි සිතමු:
<template>
<button>text</button>
</template>
අපි මෙම බොත්තම මත ක්ලික් කිරීමෙන්
show ක්රමය කැඳවීම සිදු කරමු:
<template>
<button v-on:click="show">text</button>
</template>
සාමාන්යයෙන් සෑම කෙනෙකුම v-on හි කෙටි ආකාරය භාවිතා කරයි.
එය සිද්ධියේ නමට පෙර @ සංකේතය ලෙස දක්වයි:
<template>
<button @click="show">text</button>
</template>
බොත්තමක් සාදන්න, එය මත ක්ලික් කිරීමෙන්
alert ඔස්සේ වර්තමාන දිනය ප්රදර්ශනය කෙරේ.
පෙර කාර්යය වෙනස් කරන්න, එවිට
alert පෙන්වන්නේ ක්ලික් කිරීමෙන් නොව, මූසිකය දිගේ ගමන් කිරීමෙනි.
