การเปลี่ยนข้อความเมื่อ Toggling ใน Vue
มาทำให้ปุ่มแสดงข้อความของการดำเนินการ ที่มันจะทำในขณะนั้นเมื่อมีการ toggle กัน เพื่อทำเช่นนี้ เราจำเป็นต้องใช้ ตัวดำเนินการ ternary ดังต่อไปนี้:
<template>
<button @click="toggle">
{{ visible ? 'ซ่อน' : 'แสดง' }}
</button>
</template>
กำหนดให้มีสามย่อหน้าและสามปุ่ม ทำให้แต่ละปุ่มสามารถ toggle ย่อหน้าของตัวเอง และในขณะเดียวกัน ก็เปลี่ยนข้อความของตัวเองให้สอดคล้องกัน
