- 博客(29)
- 收藏
- 关注
RSS订阅转载 ant design渲染表单错误：Warning: You cannot set a form field before rendering a field associated with the
一般解决：const that = this;//res为查询结果that.$nextTick(() => { detailform.setFieldsValue({ goods_number: res.order.goods_number, goods_name: res.goods_name, });});//res为查询结果setTimeout(()=>{ this.props.detailform.setFieldsValue({...
2021-03-09 14:14:56
580
原创 vue query传参刷新后数据消失问题
路由跳转带参数到下一个页面，传参后刷新页面，参数报[object,object]错误，希望解决刷新之后值消失，报错问题解决方案：传值得时候把值转成JSON字符串取值：这样就好了
2020-11-06 13:50:27
914
转载 vue antdesign Warning: [antdv: Each record in table should have a unique `key` prop,or set `rowKey`
解决办法:[ :rowKey ]带冒号的表示绑定的是表达式不带的表示绑定的就是值方法一：<a-table :columns="columns" :data-source="tableData" size="middle" :rowKey='record=>record.id'> // id为 tableData 中的一个属性</a-table>方法二：<a-table ...
2020-09-16 16:29:18
1346
1
原创 vue cli3 解决报错：eslint-disable-next-line to ignore the next line.
最近从网上找了个后台管理项目ant design pro,每次改代码，不空格不换行，加标点都报错，整个人都被逼疯了，从网上找方法解决，然后都是说找到build下的webpack.base.conf.js文件，关键是，vue cli3以后搭建的项目是没用build文件的，所以就走了很多弯路，最后终于找到了办法，1.找到文件 .eslintrc.js文件,如下图2.找到文件里'extends':['plugin:vue/strongly-recommended','@v...
2020-09-16 09:12:58
2765
2
原创 全屏后echarts图没有自适应的问题
我在写一个数据大屏，里面使用了大量 的echarts,然后全屏后，屏幕变高，发现echarts图并没有自适应大小。先写一下怎么全屏的吧！1.先 npmiscreenfull 安装这个全屏插件2.importscreenfullfrom"screenfull";//引入全屏显示3.fullScreen(){if(!screenfull.isEnabled){this.$message({message:"...
2020-06-29 15:04:51
2107
1
原创 window.open（），浏览器不要重复弹出新窗口
项目中有个需求需要弹窗新窗口显示页面，但是又不想浏览器重复弹窗很多个，希望点击按钮后，会自动找到那个浏览器已经打开的页面。window.open(URL,name,specs,replace)；window.open(location.origin+'/tf#/screen',true)这样就可以了，完美解决！...
2020-06-29 14:29:16
4523
2
原创 echarts散点图标注颜色设置不起作用？
项目需要用到echarts 里的散点图，然后还要使用visualMap 组件让地图根据数据显示不同的颜色，但是用了visualMap 组件后，修改散点图的点的颜色不起作用，根据多方查询，终找到如下解决办法原因：visualMap 组件控制了series 中的数据，进行了『视觉编码』，也就是将数据映射到视觉元素（视觉通道）。所以，data中value的值不同，映射后的颜色会改变。想哪个数据不被控制，就要设置它的visualMap:false...
2020-06-11 15:57:12
2773
2
原创 Echarts折线图属性设置注解
// 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700', '#6699FF','#ff6666','#3cb.
2020-06-05 09:17:09
1830
原创 Cannot find module 问题
错误信息如下：解决方法进入router中的index.jscomponent: () => import('@/views/login/login'),改为component: (resolve) => require(["@/views/login/login"], resolve),如果是动态路由则export const loadView = (view) => { // 路由懒加载 return () => import(`@/views/${..
2020-06-02 16:04:13
3639
原创 echarts 饼状图自动高亮显示
constmyChart1=echarts.init(document.getElementById('chart3'));letbgColor='#fff';lettitle='总量';letcolor=['#d93c3c','#f0a626','#21e7ee',]lete...
2020-06-01 13:50:24
1226
原创 Vuex 基本使用
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。怎么理解呢？就拿我两位数的资产的银行卡来说吧，基本的存钱取钱，就是状态管理。怎么用我们将以一个简单的 Todo 作为例子，来讲解 Vuex 的基本使用。安装npm install vuex --save初始化首先需要在项目的 src 目录下，新建一个 Vuex 的目录 store，结构如下：初始化 Vuex：// index.jsimport Vue from 'vue'i...
2020-05-28 10:42:17
236
原创 vue中watch的详细用法
在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法：<input type="text" v-model="cityName"/>new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(newName, oldName) { // ... } } })直接写一个监听处理
2020-05-28 10:03:27
203
转载 VUE父子组件传值问题
组件实例的作用域是孤立的。这意味着不能(也不应该)在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据，我们需要通过子组件的props选项。1.静态props父组件:<button msg="hello"></button>子组件<template> <div>{{msg}}</div> //输出 hello</template><script> props:['msg']
2020-05-28 09:43:37
283
原创 vue中使用element-ui，重复点击按钮或多个请求同时报错时弹出多个message弹框解决方法
目中使用element-ui时，message弹框功能是必须使用的，有时会在点击按钮时提示无权限，或者请求报错时给出适当提示：但是重复点击按钮或者同一个页面多个请求同时报错时，就不美观了可以看到，element-ui是动态往页面根节点插入message元素来实现弹框效果的，都拥有el-message属性那么我们就可以通过判断页面中message的个数来决定要不要弹出第二个提示框这就需要重新写一下element-ui的messageresetMessage.js...
2020-05-15 15:02:39
2002
原创 echarts中datazoom配置参数
dataZoom=[ //区域缩放{id: ‘dataZoomX’,show:true, //是否显示 组件。如果设置为 false，不会显示，但是数据过滤的功能还存在。backgroundColor:“rgba(47,69,84,0)”, //组件的背景颜...
2020-05-08 17:29:28
882
转载 Vue + qiankun 快速实现前端微服务
一、前言什么是微前端Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. -- Micro Frontends微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段...
2020-04-28 09:31:33
1790
原创 Vue Cli 3：vue.config.js配置文件
Vue Cli 3生成的项目结构，没有build、config目录，而是使用vue.config.js来进行配置。vue.config.js是一个可选的配置文件，如果项目的 (和package.json同级的) 根目录中存在这个文件，那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段，但是注意这种写法需要你严格遵照...
2020-04-26 10:39:10
200
原创 通过调取api绘制的天气页面
首先先给大家看一下效果图，如下：这个页面我是调取了 天气网的免费api,自己在阿里矢量库下载的天气图标。然后自己写的样式，如下图以上是样式代码...
2020-04-22 17:05:31
328
1
原创 git 拉代码时输错账号密码的解决办法
首先Git拉项目代码时输错用户名密码怎么办？第一步点击此电脑右键属性找到控制面板，然后到所有控制面板找到凭据管理，如下图：第二步点击凭据管理器选择windows凭据，如下图：然后找到你的Git，点击编辑就可以修改账号密码了，如下图：修改保存后就可以去拉代码了。...
2020-04-22 16:56:43
4372
2
原创 VUE 项目图标全部替换成阿里巴巴矢量图
我们在做vue项目时，发现vue里的图标不能满足我们项目的需求，我们就需要去阿里巴巴矢量图里下载了。阿里巴巴矢量图库中有两种格式的图标如下图第一个Unicode 样式，vue的使用方法如下第二个 Font class 样式，vue的使用方法如下：下面就介绍一下怎么去阿里巴巴下载替换掉vue框架自带的那些图标1.登录阿里巴巴矢量图，随便选择一个登录方式登录上去。2...
2020-04-01 14:48:39
486
原创 vue 跨域问题的解决方法
ue项目中，前端与后台进行数据请求或者提交的时候，如果后台没有设置跨域，前端本地调试代码的时候就会报“No 'Access-Control-Allow-Origin' header is present on the requested resource.” 这种跨域错误。要想本地正常的调试，解决的办法有三个：一、后台更改header 1 2 h...
2020-03-27 10:42:22
227
原创 vue-video-player的使用
最近做项目，需要实时播放器，由于用的是vue-cli，找了些插件，最终选定vue-video-player ,使用流程及一些问题的解决方案如下：安装npm install vue-video-player -Snpm install --save videojs-contrib-hls(如果做直播的话必须要安装)main.js 配置页面部分然后效果图就如下...
2020-03-24 16:16:05
1214
1
原创 vue 动态路由的实现（后台数据，前台拿到数据生成侧边栏）
之前开发的vue项目路由都是写在前台的，现在公司需要把路由放在后台生成，前台用接口拿到数据，渲染成路由数据，生成左侧菜单，我之前也是参照大师兄的一篇博文，写的，然后用的过程中就有一些问题出现，比如登录成功后跳到首页，没有菜单，需要刷新一下，才能出现，或者是，第一次登录完后，再换个角色登录，拿到的还是上次登录的菜单，也需要刷新才有菜单，如果大家想要参照大师兄的博文，可以点这个链接https://se...
2020-03-24 09:10:55
2170
原创 Echarts 的一些样式
用了几次echrts组件，虽然官网有很多实例可以用，但还是有些样式不是自己想要的，每次改样式都要东找西找的，这次想着顺便就给记录一下，用的时候过来看看；1.文本的样式可以设置全局的textStyle。setOption({ textStyle: { color: 'rgba(255, 255, 255, 0.3)' }})也可以每个系列分别...
2020-03-20 17:12:46
505
原创 Element UI select 下拉框样式覆盖
因为我需要写一个大屏页面，然后需要用到select框，我想把select下拉选项的背景颜色改成透明，然后我想覆盖掉它本身的样式。我本来想改变el-select-dropdown的样式，即使使用了 /deep/ 和样后面加 !important，并没有卵用，还发现select下拉框实在最外层的，如下图：然后我就找了另外一种方法，创建一个新的类，如下图：然后对这个样式类进行样式修改...
2020-03-20 13:53:41
2874
原创 CommonJS
CommonJS 最早是 Node 在使用，目前也仍然广泛使用，比如在 Webpack 中你就能见到它，当然目前在 Node 中的模块管理已经和 CommonJS 有一些区别了。// a.jsmodule.exports = { a: 1}// or exports.a = 1// b.jsvar module = require('./a.js')module.a ...
2020-03-18 17:17:40
68
原创 var、let 及 const 区别和使用方法
经常涉及面试题：什么是提升？什么是暂时性死区？var、let 及 const 区别？对于这个问题，我们应该先来了解提升（hoisting）这个概念。console.log(a) // undefinedvar a = 1从上述代码中我们可以发现，虽然变量还没有被声明，但是我们却可以使用这个未被声明的变量，这种情况就叫做提升，并且提升的是声明。对于这种情况，我们可以把代码这...
2020-03-17 16:57:55
329
原创 js 数组的一些常用遍历方法
forfor循环是最普通的一种数组循环方法，通过数组中自带的索引进行数组元素的获取，这种方式可以支持 break、continue、return的打断形式。具体如下：forEachforEach是一个方法，这个方法是在 Array 类的 prototype 上，所以所有的Array的实例上都有这个方法。forEach方法没有返回值，参数有两个。形式为：arr.forEach(ca...
2020-03-16 16:06:59
201
原创 vue使用中国天气插件
因为做了一个系统，需要一个天气插件，选了很久，觉得中国天气这个插件里面的样式各方面都比较好看，需要什么样式都可以选择，输入名称就可以得到代码。类似下面截图然后把得到的这段代码放到你写的vue项目中去。然后在你想要展示天气样式的页面里放如下代码。然后就会得到你想要的天气样式，如下图这样就可以了！...
2020-03-16 10:48:54
5968
21
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人