javascript - 如何在 Vuetify 组件中以编程方式设置组件属性

Question

我有一个复选框组件定义如下:

let checkbox = this.$createElement(VCheckbox, {
    props: {
        hideDetails: true
    }
});

在我的代码中，我可以获得对该组件的引用。换句话说，我可以访问此 checkbox 变量。我想要的是以编程方式设置属性。我所说的属性是指组件的这一部分:

props: {
    hideDetails: true
}

我想要的是将 indeterminate 设置为 true。像这样的东西:

checkbox.setProperty('indeterminate', true);

但我无法在文档中找到与我的问题相关的任何内容。那么，我该如何实现呢？

Answer 1

您可以在您的数据范围内创建一个动态变量:

data: function() {
  return {
    stateDetails: true
  };
}

然后在你的 Prop 中使用它:

props: {
  hideDetails: this.stateDetails
}

现在您可以像这样更改值:

this.stateDetails = true / false