Vue හි අංග ක්‍රියාත්මක කිරීම සහ අක්‍රිය කිරීම

දැන් අපි බොත්තමක් සාදමු, එය චෝදනාවක් ක්‍රියාත්මක කරනු ඇත, එනම් පළමු ක්ලික් කිරීමෙන් එය පෙන්වයි, දෙවන ක්ලික් කිරීමෙන් - සඟවයි. මේ සඳහා ක්ලික් කිරීමෙන් බොත්තම මත අපි ක්‍රමය ඇමතමු toggle:

App.vue<template>
  <button @click="toggle">toggle</button>
  <p v-if="visible">text</p>
</template>

ක්‍රමයේ කේතය තුළ අවශ්‍ය වනු ඇත visible දේපලෙහි අගය ගන්න සහ එය විපර්යස කරන්න ප්‍රතිවිරුද්ධත්වය:

javascripttoggle: function() {
  this.visible = !this.visible;
}