vue 报错Invalid prop: type check failed for prop “span“. Expected Number, with value 2, got String wit

控制台报错：
在这里插入图片描述
错误代码如下：

<el-col span="2">
   <el-button
      type="primary"
      @click="handleFunc"
    >
    打印
    </el-button>
</el-col>

错误原因是：span类型是Number，需要在span前面加上冒号，element-UI文档如下：
在这里插入图片描述
Element文档传送门: https://element.eleme.io/#/zh-CN/component/layout

修改后代码：

<el-col :span="2">
   <el-button
      type="primary"
      @click="handleFunc"
    >
    打印
    </el-button>
</el-col>

添加:以后,再无报错。

本文链接：https://blog.csdn.net/xiaoyuer_2020/article/details/126366580

智能推荐

elementui分页报错Invalid prop:type check failed for prop total.Expected Number with value

使用element-ui的分页时，页面报错报错：vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop “total”. Expected Number with value NaN, got Function 刚开始在分页里绑定了分页的总数据但是在初始...

prop: type check failed for prop “autoExpandParent“. Expected Boolean, got String with value “true“

解决错误：prop: type check failed for prop “autoExpandParent”. Expected Boolean, got String with value “true” 项目场景：属性值表示 default-expand-all bool,默认false 是否展开所有节点 auto-expand-pare...

Invalid prop: type check failed for prop “maxLength“. Expected Number, got String.

报错背景:今天使用Ant Design of Vue的文本域表单的maxlength属性报错了 [Vue warn]: Invalid prop: type check failed for prop "maxLength". Expected Number with value 30, got String with value "30". 解决改为或...

10. 查询小米Note2共有几次订单，显示产品名称，订单数量

...

新发的日常小实验——使用IETester测试不同IE版本的浏览器，测试网页JS的兼容性（console未定义兼容测试）

文章目录一、痛点：IE兼容测试二、关于IETester 三、IETester下载四、写个html测试js的console接口五、测试结果六、js兼容处理一、痛点：IE兼容测试之前使用.Net的Winform桌面应用框架做了一个PC版的迷你浏览器（使用IE内核），方便拉起网页支付。有用户反馈打开支付页面报了如下的错：“console”未定义到底是多么老旧的I...

vue 报错Invalid prop: type check failed for prop “span“. Expected Number, with value 2, got String wit

智能推荐

猜你喜欢