Data binding 隐藏绑定咏叹调的Vue
我想用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
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
}
}