带有绑定 aria-hidden 的 Vue

Question

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

我将带有 v-bind :aria-hidden="modalHidden" 的代码片段添加到 div 并将其默认设置为 false（仅用于测试目的）：

created() {
        this.modalHidden = false;
    },

Answer 1

您必须使用数据来更改绑定值。例如：

:aria-hidden="[!isVisible]"

data() {
 return {
   isVisible: false
 };
}

之后您可以在组件的任何阶段更改值：

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

希望对您有所帮助。

Vue with binded aria-hidden