推荐一个不错的学习资料库

Invalid prop: type check failed for prop “content”. Expected String, got Array

在这里插入图片描述
大概意思就是,人家需要的是字符串,但是你给人家搞成数组了,就会提示这个warn。

报错代码
<el-tooltip class="item" effect="dark" :content="[scope.row.is_admin == true ? '管理员' : '成为管理员']" placement="right-start">
    <i :class="scope.row.is_admin == true ? 'el-icon-user-solid' : 'el-icon-user'" @click="addAdmin(scope.row)"></i>    
</el-tooltip>

上面代码就是因为第一行那个三元运算使用[]包裹,从而引起的报错

修复,干掉[],直接使用双引号就好了

修复代码

<el-tooltip class="item" effect="dark" :content="scope.row.is_admin == true ? '管理员' : '成为管理员'" placement="right-start">
    <i :class="scope.row.is_admin == true ? 'el-icon-user-solid' : 'el-icon-user'" @click="addAdmin(scope.row)"></i>    
</el-tooltip>

查了一些资料,这个warn引起的原因就是,组件对注入的数据做了验证。

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐