Advertisement
Guest User

Vue JS

a guest
May 26th, 2019
92
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.73 KB | None | 0 0
  1. <div class="item-master" @click="changeArrow">
  2. <div class="item-child" :style="(isActive)? 'display: block'">
  3. <ul>
  4. <li class="item-child-list">Add</li>
  5. </ul>
  6. </div>
  7. </div>
  8. <div class="item-child" :style="(isActive)? 'display: block'">
  9. <ul>
  10. <li class="item-child-list">Add</li>
  11. </ul>
  12. </div>
  13.  
  14. data(){
  15. return{
  16. isActive: false,
  17. }
  18. },
  19.  
  20. methods: {
  21. changeArrow: function (e) {
  22. this.isActive = !this.isActive;
  23. },
  24. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement