el-table-column设置show-overflow-tooltip属性报错:check failed for prop “showOverflowTooltip“.

在设置 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 更新到最新版本。

猜你喜欢

转载自blog.csdn.net/weixin_43749805/article/details/130585422
今日推荐