在Vue中,hidden屬性通常用于控制元素的顯隱。但是,我們有時(shí)候需要?jiǎng)討B(tài)地控制元素是否隱藏,這就需要用到Vue的數(shù)據(jù)雙向綁定機(jī)制了。
<template> <div> <div v-if="isShow">My content</div> <button @click="toggleShow">Toggle show</button> </div> </template> <script> export default { data() { return { isShow: true } }, methods: { toggleShow() { this.isShow = !this.isShow } } } </script>
以上是一個(gè)簡(jiǎn)單的例子,當(dāng)我們點(diǎn)擊按鈕時(shí),就會(huì)動(dòng)態(tài)地改變isShow的值,進(jìn)而控制內(nèi)容的顯示與隱藏。需要注意的是,hidden與v-if的區(qū)別在于,當(dāng)hidden為true時(shí),元素仍然存在于DOM中,只是被隱藏了,而v-if則是直接將元素從DOM樹(shù)中移除。
以上就是Vue中hidden賦值的基本用法,希望對(duì)大家有所幫助!