代码之家 › 专栏 › 技术社区 › Jacobian

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

vuetify.js vue.js javascript

0

Jacobian · 技术社区 · 6 年前

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

在我的代码中,我可以得到这个组件的引用。换言之,我可以得到这个 checkbox 变量。我想要的是以编程方式设置属性。我所说的属性是指组件的这一部分:

props: {
    hideDetails: true
}

indeterminate 是真的。比如:

checkbox.setProperty('indeterminate', true);

但我在文件里找不到任何和我的问题有关的东西。那么,我该如何实现这一点呢?

1 回复 | 直到 6 年前

1

3

John 6 年前

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

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

然后把它用在你的道具上:

props: {
  hideDetails: this.stateDetails
}

现在你可以这样改变值:

this.stateDetails = true / false

2

1

Abdulla Thanseeh 6 年前

你可以试试

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