无效的支柱:输入检查失败的支柱"cellClass“。值"[object Object]“的预期字符串，got对象

Question

我试图有条件地将CSS类应用于b-table中的行(全部为CSS)，如下所示：

<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“的预期字符串，got对象

载于-->载于src/view/myPage.vue的src/App.vue

但不知怎么的，它正在按预期工作(没有考虑到错误消息)！

发生了什么，它是如何工作的？有办法解决吗？

Answer 1

b-table-column组件需要一个cell-class支柱的字符串值，但是您要为它传递一个对象。

​

​

试一试这个

<b-table-column :cell-class="props.row.url ? 'has-pointer-cursor' : ''" ...>