Недопустимая опора: проверка типа не удалась для опоры cellClass. Ожидаемая строка со значением [объект Object], получен объект

Я пытаюсь условно применить класс CSS к строке (все b-table-column) в b-table, например:

<b-table-column class="is-unselectable" 
    :cell-class="{ 'has-pointer-cursor': props.row.url != null }" 
    field="version" label="Name" :custom-sort="sortName" sortable>

    <!-- Content -->

</b-table-column>

Класс has-pointer-cursor существует в части стиля этой vue страницы / компонента.

Я получаю эту ошибку / предупреждение в консоли:

[Предупреждение Vue]: Недопустимая опора: ошибка проверки типа для опоры "cellClass". Ожидаемая строка со значением «[объект Object]», получен объект

found in

---> <BTableColumn>
       <BTable>
         <MyPage> at src/views/MyPage.vue
           <App> at src/App.vue
             <Root>

Но почему-то все работает, как ожидалось (не считая сообщения об ошибке)!

Что происходит и как до сих пор работает? Есть ли способ исправить?


vue.js buefy
person Nicke Manarin    schedule 10.05.2020    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Компонент b-table-column ожидает строковое значение для свойства cell-class, но вы передаете ему объект.

введите здесь описание изображения

Попробуйте вместо этого

<b-table-column :cell-class="props.row.url ? 'has-pointer-cursor' : ''" ...>
person Phil    schedule 11.05.2020
comment
Спасибо. Это сработало (сообщения об ошибках исчезли), но знаете ли вы, почему он работал раньше (но с сообщениями об ошибках)? Разве опора class не ожидает и String типа? - person Nicke Manarin; 11.05.2020
comment
Нет, Vue может обрабатывать class привязки по-разному, включая объект. См. vuejs.org/v2/guide/class-and-style.html. Как компонент Buefy обрабатывает свою cell-class опору, зависит от них. Они решили установить его как строковый тип - person Phil; 11.05.2020