我需要通过它们的引用名称为一些Vue组件添加类名。引用名称在配置文件中定义。我想以动态方式执行此操作,以避免手动在每个Vue组件上添加类。
我尝试使用 $refs
查找每个组件,如果找到,则将类名添加到元素的类列表中。该类别会被添加,但是一旦用户开始交互(例如单击组件,接收新值等),该类别就会被删除。
以下是我尝试过的一些示例代码:
beforeCreate() {
let requiredFields = config.requiredFields
this.$nextTick(() => {
requiredFields.forEach(field => {
if(this.$refs[field]) {
this.$refs[field].$el.classList.add('my-class')
}
})
})
}
v-bind:class
在模板中动态添加类。您真的需要使用$ref元素来分配类吗? - ssc-hrep3:class="{'my-class': requiredFields.includes('fieldName')}"
而不是ref="fieldName"
? - NaN