带有隐藏的咏叹调的Vue

Question

我想展示一个带有vue的模态。 使用aria-hidden="false"，它应该是可见的。

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

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

• 但是此属性仅在！= false时才在DOM中。 是否有可能将此值设置为false？

Answer 1

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

:aria-hidden="[!isVisible]"

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

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

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

我希望这会对您有所帮助。