- 博客(55)
- 收藏
- 关注
原创 关于ant design vue中设置table组件每页显示的条目数量
最近项目中使用到antv,用到table组件,默认是每页10条,根据需求需要显示每页6条,只需要加入:pagination="{ pageSize: 6 }"就可以了。
2022-11-08 14:56:32
4145
原创 解决ant design vue使用tree select树选择器时父节点需要不可选中的问题
在使用antv的tree select树选择器时,发现默认它的父节点是可以选中的。在用户使用的时候,很多时候是不需要选中的。所以我们只需要在给这个tree数组赋值的时候,给父节点赋selectable为false就可以了。查看了他的api发现一个属性selectable,默认为true。同理,如果需要禁用的话,直接disabled为true就可以。
2022-09-14 15:01:09
5201
原创 vue父子组件传值:父传子、子传父
1.父组件引入子组件2.父组件给子组件传值3.子组件接收父组件传来的值4.子组件将值传给父组件6.父组件直接调用子组件的方法5.父组件接收子组件传来的值
2022-08-30 20:02:37
6681
4
原创 关于vue3项目中代码出现红色波浪线的问题
因为是导入的jeecg项目,打开了eslint,所以有很多地方代码的写法不一样,之前是在vue.config.js文件中,加上lintOnSave: false就可以避免报错。现在设置了false,代码不规范的地方还是会有红色波浪线。最近换电脑改成了vue3,导致代码规则有些地方和之前不一样。可以打开文件-首选项-设置,搜索eslint。然后把两个打勾的地方取消就可以了。...
2022-08-17 16:47:29
1867
原创 vue项目中如何关闭eslint
eslint是用来进行语法规范,前几天在用jeecg项目的时候,用了jeecg生成的代码。jeecg生成的代码和eslint的规范不一样,所以需要关闭eslint。在vue.config.js文件中,加上lintOnSave: false。
2022-08-10 15:59:10
644
原创 解决vue项目运行后出现Cannot read property ‘range‘ of null的问题
解决vue项目运行后出现Cannot read property 'range' of null的问题
2022-08-02 11:06:57
2177
2
原创 关于可以通过本地访问前端vue项目,不能通过ip访问的问题
和后端联调,后端要看我的前端页面,输入我的ip和端口,发现访问不了。搜了一下问题,是需要打开项目中config目录中index.js,将dev中的host由localhost修改为0.0.0.0。
2022-07-26 16:47:19
4780
1
原创 vue中使用iview的modal弹窗嵌套modal出现格式错误的问题
问题:一个全屏modal,点击按钮,再弹出一个modal,就会出现这种格式问题。 解决:搜了一下,说是因为modal的使用是平级的,z-index都是1000,所以后面的会覆盖前面的。不知道是不是因为这个,因为我把嵌套的这个modal改成全屏的,就没有问题了。解决办法是说给modal加一个类名, z-index改一下就行了,除了要改嵌套modal(以下简称modal2)的z-index,modal2的mask(阴影)也需要改。......
2022-07-04 16:47:39
1544
1
原创 vue中关于重置表单数据出现undefined的问题
解决vue中,给表单数据重新赋值空字符串,却把数据变成undefined的问题。是由于v-model的双向绑定,空字符串没有对应的数据,导致变成了undefined。所以需要给空字符串绑定数据,或者在它为undefined的时候赋值空字符串。...
2022-07-01 15:51:30
3014
原创 关于jeecg前端项目使用yarn build打包找不到dist包的问题
今天第一次打包,打包完找了半天没看到dist包。搜了半天也没找到。最后发现,jeecg的项目主要还是要看vue.config.js文件,里面写了outputDir(输出文件目录)是html,所以只要把html这个文件夹发给后端就行。 ......
2022-07-01 15:07:26
1390
原创 vue中使用echarts实现动态数据绑定、获取后端接口数据
之前几篇echarts的文章是实现了静态的柱状图、折线图、饼状图、地图,在项目中我们肯定是需要获取后端接口,将后端返回的数据显示在图表上,所以这次就记录一下如何实现echarts的动态数据绑定。......
2022-06-21 17:35:31
18708
15
原创 vue中使用jeecg进行前后端联调
最近项目中总是用jeecg来进行系统管理端的操作,因为jeecg可以根据账号直接分配权限。但是使用jeecg需要前后端服务同时起,不然登录不进去,在自己电脑上同时起前后端没问题,但是和后端联调的时候,总是连不上,后来发现是有两个地方需要改地址。...
2022-06-20 14:35:46
749
原创 vue中使用echarts实现地图散点图
在vue中使用echarts实现地图自定义浮窗内容及样式_芝士焗红薯的博客-CSDN博客_浮窗vue中介绍了echarts中地图的简单使用,实现了自定义浮窗的功能。在vue中使用echarts实现地图颜色渐变及自定义浮窗内容_芝士焗红薯的博客-CSDN博客实现了地图上地区的颜色渐变,对地图进行了一些简化。在很多大屏功能上是需要地图实现很密集的散点图,这个可以参考别的文章,本文使用散点图,是因为客户需要显示省直的信息,我个人认为在旁边放个点或者什么东西显示省直信息太奇怪了,正好想学一下散点,所以就用一
2022-05-31 15:28:48
4965
原创 vue中使用echarts实现地图颜色渐变及自定义浮窗内容
在这篇文章里vue中使用echarts自定义浮窗内容及样式_芝士焗红薯的博客-CSDN博客,总结了echarts的一些简单用法,这篇文章,一个是在原来的自定义浮窗内容上,实现了地图的颜色渐变,一个是简化了地图的样式。1.简化地图样式上篇文章地图的样式感觉是带点发光的虚影,是立体的,具体代码如下(写在geo里):// 地图区域的样式设置 itemStyle: { normal: { borderColor: 'rgba(147, 235, 248,
2022-05-30 15:25:08
4442
7
原创 vue中使用echarts实现地图自定义浮窗内容及样式
最近项目需要用到地图,echarts本来是有地图的,但是5.0版本之后就没有了,所以如果要用echarts中的地图,需要下载5.0版本之前的地图。项目需要在点击某一地区,就出现该地区指定的数据。1.首先导入echarts(需要全局导入,全局导入可以看之前的文章vue项目引入element ui、iview和echarts_芝士焗红薯的博客-CSDN博客,使用到echarts的页面还需要单独引入)和地图,我这里用的地图是在DataV.GeoAtlas地理小工具系列这个网站下载的。<scri
2022-05-26 18:02:26
7308
原创 vue中使用window.open打开页面并拼接参数
window.open常用来在项目中链接外部网站,接收三个参数1.strUrl,要打开的页面或资源的url地址2.strWindowName,窗口的名字,用于后续对该窗口的引用,不是窗口的标题。该参数除了支持普通的名字外,还支持和a标签一样的特殊关键字:_self(当前窗口)、_blank(空白窗口)、_parent(父窗口)、_top(顶级窗口)3.strWindowFeatures,窗口的描述参数,如尺寸、位置、是否启用工具栏等。各个参数由逗号隔开,参数之间以等号连接。可以指定窗口的大小和位
2022-05-23 16:29:29
3163
原创 vue中使用echart绘制柱状图、折现图、饼状图
echarts有几个主要的字段,title、legend、xAxis、yAxis、tooltip、series。title图表的标题legend用来标志图表数据,data字段的数组需要对应每个柱条的名称,鼠标hover到最顶部的legend标志,可以标志对应的图,点击legend标志会隐藏对应的图。xAxis配置x轴数据、样式、名称yAxis配置y轴数据、样式、名称tooltip鼠标放到图上展示的数据样式,trigger: 'axis' (有axis/item...
2022-05-19 16:57:26
4466
原创 vue项目中涉及到的iview组件
1.input输入框<Col :span="6"> <FormItem label="姓名"> <Input v-model="form.name" placeholder="请输入"></Input> </FormItem></Col>2.select选择框<Col :span="6"> <FormItem label="性别"> <Select v-mod
2022-05-19 16:19:32
749
原创 windows10自带的截图、录屏快捷键
正常情况会用qq默认的截图快捷键ctrl+alt+a截图,但是有些情况(比如选中控制台一些数据出现的浮窗等,使用qq截图会自动不显示浮窗)所以可以使用win10自带的截图功能shift+win+sqq也有录屏功能,ctrl+alt+s,使用qq录屏是可以根据框选的窗口进行全程录屏。win10自带的录屏功能,是win+g,打开这个组件之后,就可以选择进行截图、录屏的操作。也可以直接win+alt+prtsc进行截图,这样截图是自动全屏截图。直接win+alt+r就可以开启全屏录制
2022-05-12 11:32:06
3392
原创 解决vue项目中缩进不一致的问题
在vue项目中,有时候会碰到这个文件的缩进是两格,另一个文件的缩进是四格。但是vue的eslint格式是默认两格,所以调整缩进四格的文件就很不方便。碰到这种情况是因为vue文件默认缩进四格。所以我们更改一下vue设置。打开vscode,打开文件,选择首选项,点开设置,把缩进改为2修改默认缩进(默认为4)...
2022-05-12 11:18:47
4279
原创 解决在vue项目中使用ivew组件eslint报错的问题
最近没事新建了一个vue项目,在使用ivew的栅格布局组件的时候总是报错vue Parsing error: x-invalid-end-tag去查了一下发现是vue将标签渲染为原生html标签时,由于这些标签是自闭合的,所以有end标签会报错。所以需要修改eslint文件。全局搜一下eslint,就能搜索到eslintrc.js文件。在rules里面加一行代码"vue/no-parsing-error": [2, { "x-invalid-end-tag": false }] 就可以了
2022-05-11 14:47:09
2146
原创 vue项目引入element ui、iview和echarts
脑子不好,每次引入都要重新搜一遍,今天把几个自己整理一下。全部引入,没搞按需引入。1.vue项目引入elementui控制台输入npm install element-ui -smain.js文件中输入import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)2.vue项目中引入iview控制台输入npm install iview -s
2022-05-09 18:04:39
683
原创 创建一个vue项目
学vue这么长时间,除了老师最开始带我建了一个项目,后来的项目都是直接用的公司的再也没建过,今天才发现自己不会建项目。搭建环境就不赘述了。1.先cmd,进入项目的目录2.新建项目 vue create + 项目名称比如我这边是 vue create mydemo ,当然因为我不是vuecli3所以这个命令没用。用之前的新建命令就可以 vue init webpack + 项目名称3.这里就建好了4.cd mydemo会进入项目npm run dev启...
2022-05-09 17:33:38
307
原创 vue实现垂直居中
有些时候没有使用form表单,文字和输入框/按钮会出现不对齐的情况,此时需要将文字垂直居中。情况如下:很明显是高了一点的对文字进行垂直居中vertical-align:middle<span style="margin-left: 10px;vertical-align:middle">年度:</span>加了之后的效果如下:该属性的作用是将元素盒子的垂直中点和父盒子的baseline加上父盒子的x-height的一半对齐。绕来绕去的我也看.
2022-04-21 15:34:10
7041
3
原创 vue获取当前日期
写页面的时候经常要获取到当前的日期获取当前时间的方法:let date= new Date()在控制台打印出来的结果:Thu Apr 21 2022 15:13:05 GMT+0800 (中国标准时间)我们通常获取当前年度、月份或日期//年let year = new Date().getFullYear();//月份是从0月开始获取的,所以要+1;let month = new Date().getMonth() +1;//日let day = new Date().
2022-04-21 15:23:56
24556
1
原创 jeecg修改前端页面默认主题色
最近在使用jeecg,他自己的前端文件太多了经常找不到位置。修改前端页面默认主题色。先找到vue.config.js修改这里之后重启项目就可以了但是看到一个文章里说还要修改defaultSettings.js文件位置在src下面打开可以看到,修改一下试了一下,只改vue.config.js好像没用,两个一起改了好像就行了,懒得再测了一起改了吧。...
2022-04-21 14:44:13
2310
原创 解决进行路由跳转modal会出现的样式问题
真的很无语,搞了两天结果发现其实很简单。之前项目需要点击按钮,进行路由跳转到对应的页面。现在需要把几个按钮合并,放进一个modal里。所以我进行了modal的嵌套,但是嵌套之后页面样式出现了问题。ivu-modal-content样式丢失。bug如下:发现问题之后我首先对样式进行了调整,很显然是没用的。后来发现modal是不需要嵌套的,可以直接写在外面调用。一开始是进行了嵌套后来发现直接写在外面就好了具体原因未知,总之很无语。关于路由跳转的问题可以看.
2022-04-15 16:31:03
897
原创 解决iframe使用postMessage传值addEventListener未接收到却收到webpackwarning的问题
项目中使用到iframe,iframe跨域通信需要使用postMessage发送消息,addEventListener接收消息。原先是获取当前窗口的数据发送过去。const _iframe = document.getElementById('iframeViewer').contentWindow let _obj = res.data.data _obj.type = 'view' _obj.currentProcessInstanc
2022-04-15 16:14:21
8396
原创 css实现元素水平居中
记录一个通过位置实现元素居中的方法。先让div左边50%,因为是根据div左边界实现的,所以需要让div往左回半个容器的宽度实现元素居中。绝对定位实现元素水平居中.div { position: absolute; width: 宽度值; left: 50%; margin-left: -(宽度值/2);}举例:.div { position: relative; left: 50%; width: 700px; margin-left: -350px
2022-04-12 15:04:32
488
原创 vue中的菜单切换menu
项目需要点击按钮进入一个可以进行菜单切换的页面。效果如图:1.写左边的菜单栏<Col :span="2"> <Menu active-name="rwcl" style="width:auto;" @on-select="changeMenu"> <MenuItem name="rwcl"> 任务处理 </MenuItem> <MenuItem name="lct"> 流程图
2022-04-08 16:43:32
3021
原创 vue中根据后端接口数据控制按钮的显示与隐藏(手动添加响应式this.$set())
项目涉及到的问题,按钮需要根据后端返回的参数情况,实现按钮的显示与隐藏。效果如图:1.查看后端接口get请求,需要传businessId和compoCode两个参数,返回的data有数据就显示按钮,没数据就隐藏按钮。2.在config.js中配置isExistProcess: `/${version}/common/isExistProcess`,3.准备参数地址有了,compoCode是每个页面唯一的可直接获取,businessId是getTableData接口.
2022-04-08 16:22:26
6954
原创 vue在组件内实现对图标的显示与隐藏
在项目中需要在页面A调用页面B。页面B在页面A被调用时,肯定需要实现只读,禁用所有功能。因为页面B上的一个按钮是自己写的,没有disable功能,只能根据条件把他隐藏掉。在使用时发现语句有问题,在所有页面上,图标都被隐藏了// 错误代码:v-if="this.$route.path.indexOf('fjdj') == '-1'"后来才知道把在data中把this赋给一个值就可以了。因为插槽里的东西最终是插到组件里面的,到时候标签里的语句也是在组件里面执行,这个this就是组件了,所以要提前
2022-03-31 15:05:41
1920
原创 vue中iframe的使用
iframe在同域时能自由操作iframe和父框架的内容(DOM),在跨域时可以实现页面跳转。<iframe id="iframe" :src="iframeSrc" style="height: calc(100% - 50px)" width="100%" frameborder="0"></iframe>获取iframe里面的内容iframe.contentWindow, 获取iframe的window对象iframe.contentDocument, 获取if
2022-03-31 14:52:16
31483
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人