HTML代碼：

<div title="意向價格" v-if="showPrise"></div><div title="意向租金" v-show="showRentPrise"></div>

---

JS代碼：

new Vue({el: '#app',data: {showPrise:false,showRentPrise:false} methods: {changeStatus(){if("你設置的條件"){this.showPrise = true;this.showRentPrise = true; }}}})

---

解釋：

默認showPrise和showRentPrise的狀態是false，所以是隱藏的。
當你在changeStatus通過了某種條件，你就可以控制showPrise和showRentPrise的狀態了。true為顯示，false為隱藏。

注意點：

v-if控制 DOM的刪除和添加，不同于v-show對DOM的顯示和隱藏

總結

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

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