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

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

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

在我的代码中，我可以获得对该组件的引用。换句话说，我可以访问此

复选框

变量。我想要的是以编程方式设置属性。我所说的属性是指组件的这一部分：

props: {
    hideDetails: true
}

我想要的是将

不确定设置为true。比如：

checkbox.setProperty('indeterminate', true);

但我在文档中找不到任何与我的问题相关的东西。那么，我如何实现这一点呢？
您可以试试

let checkbox = this.$createElement(VCheckbox, {
    ref:"refToElement",
    props: {
        hideDetails: true
    }
});
    this.$refs.refToElement.$el.setProperty('indeterminate', true);

您可以在数据范围中创建动态变量：

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

然后在你的道具中使用它：

props: {
  hideDetails: this.stateDetails
}

现在可以这样更改值：

this.stateDetails = true / false

我不想使用模板。因此，我在代码中清楚地说明了这个组件是如何创建的。它是由
this.$createElement
创建的。我需要动态地设置属性，否则，我只需要在
中设置另一个
props
。$createElement
语句基本上，我需要知道是否有类似于
setProperty
methodcheckbox的内容。$el.setProperty（'Undeterminate'，true）；它不起作用。顺便说一下，您正在尝试设置DOM元素的属性。它不正确。您能用ref
再次尝试吗？this.hideDetails=true
不起作用吗？不，它不起作用。那么为什么不在数据中创建动态变量呢<代码>隐藏详细信息：此.state

@John。好提示，我马上查。你的问题解决了吗？