weixin_45890764的博客

错误原因：使用计算属性保底的时候没有考虑到值的类型的问题example：<image class="imgTop" src="{{succImgTop}}"></image>//保底 succImgTop() { return this.pageData.topImage || {} },怕没有值报错，计算属性整保底，但是src后边跟的都是字符串，所有导致呢出现这种问题。修改方法： succImgTop() { ret

第一种使用float布局<style> html{ height: 100%; } body{ height: 100%; } .box{ width: 100%; height: 100%; } .left{ width: 200px; height: 100%; background-color: aqua;

做后台管理系统的时候，用到了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> &

场景：当我们从服务器取数据的时候，我们把取来的数据放到页面上，正常来看，数据取来了，页面显示也正常，但是一看控制台，报错原因：这是因为，ajax是异步，当我们解析html文档的时候，需要的数据还没来，所以浏览器会认为你写的有问题，但是很快，数据来了，页面发生重排和重绘，这样看，咱们的数据展示是没有问题的，但是最开始浏览器解析文档时，会报错解决方式：使用v-if v-else来做判断，比如：如果数据还没来，我们就请稍等，来了就展示，这样浏览器就不会报错了。 ...

this.$nextTick第一种情况：页面改变了，但是数据没有改变，我们使用的是this.$nextTick，官网是这样解释的：将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它，然后等待DOM更新。我们通过案例来了解：<template> <div id="app"> <button @click="change">按钮</button> <test ref="test" @change="change" /&

场景：在yy论坛实现的过程中，我们需要在底部整一个分页，但是element-ui并没有提供改变样式的参数，直接就是一个background，加上就是显示背景色，不加就是不显示，但是如果我们想要改变颜色该怎么办？::v-deep就拿我们分页器举例：我们先去找到改变哪个样式然后使用::v-deep深层改变样式，记得加上scoped,否则不生效。<style lang="less" scoped>::v-deep { .el-pagination.is-background .el