无效的道具：道具“ cellClass”的类型检查失败。期望的字符串，其值为“ [object Object]”，得到Object

Posted 2021-04-26

我试图有条件地将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 Object]”，得到Object

found in

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

但是以某种方式，它正在按预期方式工作（未考虑错误消息！

正在发生什么以及它如何继续工作？有什么办法可以解决？

答案

b-table-column组件需要cell-class道具的字符串值，但您正在向其传递一个对象。