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

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

vuetify.js vue.js javascript

Jacobian · 技术社区 · 5 年前

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

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

props: {
    hideDetails: true
}

indeterminate 是真的。比如:

checkbox.setProperty('indeterminate', true);

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

1 回复 | 直到 5 年前

John 5 年前

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

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

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

props: {
  hideDetails: this.stateDetails
}

现在你可以这样改变值:

this.stateDetails = true / false

Abdulla Thanseeh 5 年前

你可以试试

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

推荐文章

Veer3383 · 如何更改/覆盖Vuetify js中禁用字段的默认颜色?

6 年前

Peter Krauss · emit go modal在其他实例中什么都不做,如何调用modal?

6 年前

Yuri F Becker · 在vue中以编程方式创建表单

6 年前

L. Gangemi · Vue+Vuetify扩展面板输入/离开动画

6 年前

niutech · 如何异步验证Vuetify文本字段?

6 年前

Jay Vignesh · VueJs-在方法之间传递变量

6 年前

JustStartedProgramming · 在Vuejs中读取HTML响应以在对话框中显示

6 年前

Raluca · 在滑块中获取居中元素的对象

7 年前

tobiasg · 将new Date()与v-Date-picker一起使用不起作用

7 年前

IsraGab · 动态内容到v-expansion-panel-content

7 年前