Vue හි ටොග්ලිං කිරීමේදී පෙළ වෙනස් කිරීම
අපි එය සකස් කරමු එවිට ටොග්ලිං කරන විට බොත්තම මත එම මෙහෙයුමේ පෙළ ලියා ඇති විය යුතුය, එය බොත්තම එම මොහොතේ ක්රියාත්මක කරනු ඇත. මේ සඳහා අපට භාවිතා කිරීමට අවශ්ය වේ ටර්නරි ඔපරේටරය පහත ආකාරයට:
<template>
<button @click="toggle">
{{ visible ? 'hide' : 'show' }}
</button>
</template>
ඡේද තුනක් සහ බොත්තම් තුනක් ලබා දී ඇත. එය සකස් කරන්න එවිට සෑම බොත්තමක්ම එහිම ඡේදය ටොග්ලිං කරන අතර එම අවස්ථාවේදීම එහි පෙළ අදාල ආකාරයට වෙනස් කරයි.
