Я создаю компонент таблицы и хочу, чтобы мои пользователи могли добавлять свои пользовательские <td>
благодаря слоту.Итак, у меня есть:
<tbody>
<tr v-for="(item, key) in items">
<slot :item=item">
<td v-for="(header, headerKey) in variableHeaders"
:class="{
veryImportantClass: condition > 5,
}">
{{item.text}}
</td>
</slot>
</tr>
</tbody>
И я использую этот слот благодаря этому коду:
<my-component
:headers="headers"
:items="items">
<template slot-scope="prop">
<td :class="{ aClassAddedByAUser: true }" v-for="(header, headerKey) in headers" ...>
{{ prop.item.text }} with some text
</td>
</template>
</my-component>
Проблема в том, что класс veryImportantClass
является обязательным для моего компонента, но я быхотел бы не просить моих пользователей вводить его в свои созданные slot
(для уменьшения сложности)
Есть ли способ просто добавить этот класс ко всем <td>
, заданным моими пользователями благодаря этой области?