Vue හි අංග ක්රියාත්මක කිරීම සහ අක්රිය කිරීම
දැන් අපි බොත්තමක් සාදමු, එය
චෝදනාවක් ක්රියාත්මක කරනු ඇත, එනම් පළමු
ක්ලික් කිරීමෙන් එය පෙන්වයි,
දෙවන ක්ලික් කිරීමෙන් - සඟවයි. මේ සඳහා ක්ලික් කිරීමෙන්
බොත්තම මත අපි ක්රමය ඇමතමු
toggle:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">text</p>
</template>
ක්රමයේ කේතය තුළ අවශ්ය වනු ඇත
visible දේපලෙහි අගය ගන්න
සහ එය විපර්යස කරන්න
ප්රතිවිරුද්ධත්වය:
toggle: function() {
this.visible = !this.visible;
}
චෝදනා තුනක් සහ බොත්තම් තුනක් දී ඇත. සෑම බොත්තමක්ම කරන්න එහි චෝදනාව ක්රියාත්මක කර අක්රිය කරයි.