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

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

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引起的原因就是，组件对注入的数据做了验证。