现阶段的bug笔记 (后续更新)
-
父组件添加多个echarts看板时 echarts的id独一性 导致上面的echarts图被覆盖掉了 解决: 不用id获取echarts元素, 使用ref定义, 然后用 $refs来获取元素
-
分页功能每次刷新都跳转到第一页 解决: 分页事件里 使用localStorage存住当前页, 然后在created调用的获取数据方法里 改变currentPage的值
-
分页刷新跳转功能实现后出现另一个问题 刷新后页面的确是之前的页面, 不过下面分页按钮却依然是第一页 原因: 因为当时的totalNum绑定的是data里面初始化的数据0，所以当总条数为0的时候，分页组件的页码默认为1。并且当totalNum在created生命周期里取得数据后，分页组件也不会刷新。所以这就导致， 页面内容正确，但是页码高亮依旧是第一页 解决: 使用v-if。在totalNum不为data里面给的初始值10的时候，才让这段html加载到页面。 v-if="totalCount != 0"
-
echarts的宽高设置100%时, tabs其他页面刷新的时候, 这个echarts变成了100px的宽高 原因: 因为其他页面刷新触发了重新渲染, 然后那边就找不到echarts这个元素, 就给他自带默认的100px了 解决: 给echarts定一个固定的宽高
-
header利用scroll显示和影藏的时候会有来回滚动 原因: 因为header出来的时候回把页面往下面挤, 所以就会有来回滚动的现象 解决: 给header加一个过渡的效果
-
vue项目的跨域问题 使用代理
-
预渲染只能设置页面的title, meta, link, 关键字
-
nuxt项目的跨域 modules: [ '@nuxtjs/axios', ],
axios: { proxy: true },
proxy: { '/api': { target: 'http://192.168.0.97:8181/eia', // 源地址 changeOrigin: true, //改变源 pathRewrite: { '^/api': '' //路径重写 } } },
-
nuxt的SSR渲染的 asyncData函数使用问题 asyncData里使用代理也会出现会报 'NuxtServerError connect ECONNREFUSED 127.0.0.1:80 错误解决' 原因: asyncData方法异步请求数据时, 以为/api/${params.id}这个接口的网址是 127.0.0.1:80, 所以将请求发送给了127.0.0.1:80，而我的接口服务器并没有跑在80端口上，所以报错 解决: １. 将node服务器端口改成 127.0.0.1:80 2. 将接口服务器端口改成 127.0.0.1:80 3. 将asyncData方法使用的请求url加上域名+端口，如下所示
-
nuxt的嵌套路由无法被代理,导致跨域问题
-
url地址动态设置 使用
