在设置 show-overflow-tooltip 属性时遇到以下错误:
valid prop: type check failed for prop "showOverflowTooltip".
Expected Boolean, got String.,
代码:
<el-table-column
prop="description"
label="描述"
:formatter="formatDescription"
show-overflow-tooltip="false">
</el-table-column>
show-overflow-tooltip属性使用的kebab-case(短横线连接式)命名方式
在 Vue.js 中,组件的属性名需要使用 camelCase 命名方式,例如 showOverflowTooltip。
因此,应该写成以下方式:
<el-table-column
prop="description"
label="描述"
:formatter="formatDescription"
:show-overflow-tooltip="false"
></el-table-column>
其中,show-overflow-tooltip 属性使用了 kebab-case 命名方式,在 Vue.js 中会被自动转换为 showOverflowTooltip 属性,因此我们需要使用冒号语法将其绑定到组件中。
如果 show-overflow-tooltip 属性时仍然出现类型检查失败的错误,那么可能是因为您使用的 Vue.js 版本过低,建议将 Vue.js 更新到最新版本。