Как установить класс по умолчанию для компонента, если пользователь не установил класс?

Question

Пользовательский компонент должен установить className по умолчанию, если вызывающая сторона не определяет его.Как это сделать?

Компонент:

Vue.component('the-component', { template: 'div class="default-class">...</div>', ... });

<the-component></the-component> рендер к div class="default-class"></div> - это то, что я хочу.

но <the-component :class='user-class'></the-component>
фактический рендер на div class="user-class default-class"></div>
но я хочу div class="user-class"></div>.

Answer 1

Я не уверен, что это лучший ответ, но этого можно достичь, выполнив что-то вроде:

computed: {
  compClass () {
    return 'class' in this.$vnode.data ? '' : 'default-class'
  },
}

Вы можете проверить, был ли пройден класс, если он был, то естьничего не возвращать, поскольку класс уже добавлен, в противном случае добавьте класс по умолчанию.