![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小知识点
%程序羊%
低姿态求学,高姿态生活
展开
-
Invalid prop: type check failed for prop “src“. Expected String with value “[object Object]“
错误原因:使用计算属性保底的时候没有考虑到值的类型的问题example:<image class="imgTop" src="{{succImgTop}}"></image>//保底 succImgTop() { return this.pageData.topImage || {} },怕没有值报错,计算属性整保底,但是src后边跟的都是字符串,所有导致呢出现这种问题。修改方法: succImgTop() { ret原创 2021-09-15 16:27:23 · 16380 阅读 · 1 评论 -
三栏布局的实现(左右固定宽,中间自适应)
第一种使用float布局<style> html{ height: 100%; } body{ height: 100%; } .box{ width: 100%; height: 100%; } .left{ width: 200px; height: 100%; background-color: aqua;原创 2021-06-27 13:18:21 · 210 阅读 · 0 评论 -
解决反复点击路由跳转导致路径叠加
做后台管理系统的时候,用到了element-ui的menu,他里边有一个router属性,可以根据index来进行跳转,但是出现了路径叠加的情况。 <el-menu-item-group> <el-menu-item index="rights/role">角色列表</el-menu-item> <el-menu-item index="rights/jurisdiction">权限列表</el-menu-item> &原创 2021-06-20 17:44:06 · 3976 阅读 · 7 评论 -
vue页面展示数据没有问题但是控制台报错TypeError: Cannot read property ‘avatar_url‘ of null“
场景:当我们从服务器取数据的时候,我们把取来的数据放到页面上,正常来看,数据取来了,页面显示也正常,但是一看控制台,报错原因:这是因为,ajax是异步,当我们解析html文档的时候,需要的数据还没来,所以浏览器会认为你写的有问题,但是很快,数据来了,页面发生重排和重绘,这样看,咱们的数据展示是没有问题的,但是最开始浏览器解析文档时,会报错解决方式:使用v-if v-else来做判断,比如:如果数据还没来,我们就请稍等,来了就展示,这样浏览器就不会报错了。 ...原创 2021-05-09 10:57:52 · 1275 阅读 · 1 评论 -
解决vue中拿不到第一次数据,只能从第二次拿的情况
this.$nextTick第一种情况:页面改变了,但是数据没有改变,我们使用的是this.$nextTick,官网是这样解释的:将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它,然后等待DOM更新。我们通过案例来了解:<template> <div id="app"> <button @click="change">按钮</button> <test ref="test" @change="change" /&原创 2021-05-02 18:09:51 · 9529 阅读 · 10 评论 -
less深层改变element-ui的Pagination组件样式
场景:在yy论坛实现的过程中,我们需要在底部整一个分页,但是element-ui并没有提供改变样式的参数,直接就是一个background,加上就是显示背景色,不加就是不显示,但是如果我们想要改变颜色该怎么办?::v-deep就拿我们分页器举例:我们先去找到改变哪个样式然后使用::v-deep深层改变样式,记得加上scoped,否则不生效。<style lang="less" scoped>::v-deep { .el-pagination.is-background .el原创 2021-04-30 11:08:32 · 1018 阅读 · 3 评论