Vuejs2 [Vue warn]：无效的道具：道具的自定义验证器检查失败；colspan"；在bootstrapvue

在我的

Vuejs

项目中使用

BootstrapVue

时，我遇到了一个奇怪的问题使用

b-table-simple

componentin

b-thead

table helper时，“无效的道具”我用数组长度绑定colspan，数组长度总是给出一个数字，它工作正常，但会生成控制台警告消息：

[Vue warn]: Invalid prop: custom validator check failed for prop "colspan".

found in

---> <BTh>
       <BTr>
         <BThead>
           <BTableSimple>
             <NationalTrends> at resources/js/components/trends/NationalTrends.vue
               <Trends> at resources/js/components/trends/Trends.vue
                 <Root>

[Vue warn]：无效道具：道具“colspan”的自定义验证器检查失败。
发现于
---> 
在resources/js/components/trends/nationaldrends.vue上
在resources/js/components/trends/trends.vue上

当我输入数字（4或任何其他数字）时，它工作正常，不会在控制台中生成警告

下面是我的代码：

<template>
<div>
<b-table-simple hover small caption-top responsive striped>
                    <caption>Commodity Trends</caption>
                    <b-thead head-variant="light">
                        <b-tr>
                            <b-th>Commodity</b-th>
                            <b-th>Current Month</b-th>
                            <b-th :colspan="selected_periods.length">Previous Period</b-th>
                            <b-th :colspan="selected_periods.length">% Change From the Previous Period</b-th>
                            <b-th :colspan="selected_periods.length" class="text-center">Direction of Change</b-th>
                        </b-tr>
</div>
</template>

商品趋势
商品
当月
上期
%与上期相比的变化
变化方向

---

请帮忙，我花了一个小时试图找出问题出在哪里，但运气不好……

请对照自定义验证器检查所选的周期长度（请参阅）

---

请对照该自定义验证器检查所选的_periods.length（请参阅）

---

我通过添加一个默认值if null（这在我的代码中不会发生）来删除警告，如下所示：

<b-th :colspan="selected_periods.length || 4">Previous Period</b-th>
<b-th :colspan="selected_periods.length || 4">% Change From the Previous Period</b-th>
<b-th :colspan="selected_periods.length || 4" class="text-center">Direction of Change</b-th>

上期
%与上期相比的变化
变化方向

我通过添加一个默认值if null（在我的代码中不会出现）来删除警告，如下所示：

<b-th :colspan="selected_periods.length || 4">Previous Period</b-th>
<b-th :colspan="selected_periods.length || 4">% Change From the Previous Period</b-th>
<b-th :colspan="selected_periods.length || 4" class="text-center">Direction of Change</b-th>

上期
%与上期相比的变化
变化方向

试着这样使用：

：colspan=“selected_periods.length>0？selected_periods.length:1”

尝试这样使用：

---

：colspan=“selected_periods.length>0？selected_periods.length:1”

我怀疑selected_periods.length有时可能返回未定义或意外的内容。正如我所说的

selected_periods.length

始终返回数字所选_periods的初始值是什么？[]？我怀疑selected_periods.length有时可能返回未定义或意外的内容。正如我所说的

selected_periods.length

始终返回数字所选_periods的初始值是多少？[]？再次：您应该使用空数组而不是空值初始化选定的\u期间，这样选定的\u期间。长度始终按照模板中的预期工作。再次：您应该使用空数组而不是空值初始化选定的\u期间，这样选定的\u期间。长度始终按照模板中的预期工作。

<b-th :colspan="selected_periods.length || 4">Previous Period</b-th>
<b-th :colspan="selected_periods.length || 4">% Change From the Previous Period</b-th>
<b-th :colspan="selected_periods.length || 4" class="text-center">Direction of Change</b-th>