Data binding 隐藏绑定咏叹调的Vue

Data binding 隐藏绑定咏叹调的Vue,data-binding,vuejs2,wai-aria,Data Binding,Vuejs2,Wai Aria,我想用vue显示一个模态。 使用aria hidden=“false”它应该是可见的 我使用v-bind:aria hidden=“modalHidden”将此代码段添加到div中,并在默认情况下将其设置为false(仅用于测试目的): 但此属性仅在以下情况下才在DOM中!=错。 是否有可能将此值设置为false 必须使用数据更改绑定值。例如: :aria-hidden="[!isVisible]" 之后,您可以在组件的任何阶段更改值: // mounted mounted() { thi

我想用vue显示一个模态。 使用
aria hidden=“false”
它应该是可见的

我使用v-bind
:aria hidden=“modalHidden”
将此代码段添加到div中,并在默认情况下将其设置为false(仅用于测试目的):

  • 但此属性仅在以下情况下才在DOM中!=错。 是否有可能将此值设置为false

必须使用数据更改绑定值。例如:

:aria-hidden="[!isVisible]"
之后,您可以在组件的任何阶段更改值:

// mounted
mounted() {
 this.isVisible = true
},
// or event 
methods: {
 onClickEvent() {
   this.isVisible = !this.isVisible
 }
}
我希望这对你有帮助

data() {
 return {
   isVisible: false
 };
}
// mounted
mounted() {
 this.isVisible = true
},
// or event 
methods: {
 onClickEvent() {
   this.isVisible = !this.isVisible
 }
}