我有一个复选框组件定义如下:
let checkbox = this.$createElement(VCheckbox, {
props: {
hideDetails: true
}
});
在我的代码中,我可以获得对该组件的引用。换句话说,我可以访问此 checkbox
变量。我想要的是以编程方式设置属性。我所说的属性是指组件的这一部分:
props: {
hideDetails: true
}
我想要的是将 indeterminate
设置为 true。像这样的东西:
checkbox.setProperty('indeterminate', true);
但我无法在文档中找到与我的问题相关的任何内容。那么,我该如何实现呢?
最佳答案
您可以在您的数据范围内创建一个动态变量:
data: function() {
return {
stateDetails: true
};
}
然后在你的 Prop 中使用它:
props: {
hideDetails: this.stateDetails
}
现在您可以像这样更改值:
this.stateDetails = true / false
关于javascript - 如何在 Vuetify 组件中以编程方式设置组件属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55746035/