如何通过 $refs 向 Vue 组件添加类

Question

我需要使用它们的引用名称向一些 Vue 组件添加类名。 ref 名称在配置文件中定义。我想动态地这样做，以避免在每个 Vue 组件上手动添加类。

我尝试使用 $refs 找到每个组件，如果找到，将类名添加到元素的类列表中。类被添加，但一旦用户交互开始它就会被删除（例如，组件被点击，接收新值等）

这是我尝试过的一些示例代码：

 beforeCreate() {
    let requiredFields = config.requiredFields
    this.$nextTick(() => {
        requiredFields.forEach(field => {
            if(this.$refs[field]) {
                this.$refs[field].$el.classList.add('my-class')
            }
        })
    })
}

原文由 Beatrix 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你可以使用这个：

this.$refs[field].$el.classList.value = this.$refs[field].$el.classList.value + 'my-class'

原文由 SherlockMac 发布，翻译遵循 CC BY-SA 4.0 许可协议