Question

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

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

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

props: {
    hideDetails: true
}

我想要的是将indeterminate设置为true。像这样：

checkbox.setProperty('indeterminate', true);

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

Answer 1

您可以尝试

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

Answer 2

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

Uri

然后在道具中使用它：

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

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

props: {
  hideDetails: this.stateDetails
}

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

2 个答案: