vue動態控制元素的隱藏和顯示

<template><div @click="clickbj(i)"> //i 為父元素 for 循環的 index點擊</div><div @mouseleave="mouseLeave(i)" class="box" :class="{disbox:isBianji==i}"><div class="edit" @click="opendep">編輯</div><div class="edit">刪除</div></div> </templae> <script>export default {data() {return {isBianji: 0,}},methods: {clickbj(i) {console.log(i)this.isBianji = i},mouseLeave(){this.isBianji = 0},}} </script> <style lang="scss" scoped>.box {width: 104px;height: 64px;display: none;}.disbox{display: block;} </style>

總結

以上是生活随笔為你收集整理的vue控制元素的隐藏和显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。