Vue
又是重名了
一个正在学习的小蜗牛
展开
-
Vue报错之$nextTick
今天在生产上面出现了一个问题,我们作为一个整个的项目,我们制作的报账系统是其中一个的子系统,但是现在出现了一个问题.因为我们是共同使用一个前段,而且我们是最先上线的,就导致其他的系统在模仿我们的代码情况,然后他们修改了我们的代码中的公共部分,将本来调用我们接口的部分写成了调用其他系统,我们代码发布是先发到了测试环境,他们的项目没有上线只在测试环境测试,而且因为我们两个接口的功能相似,没有看出问题,然后今天正式环境打开就报错了。说那么多就是想说一个问题,因为他们是修改的公共组件中的接口,这里就牵扯一个组件原创 2021-01-30 09:19:31 · 1331 阅读 · 0 评论 -
Vue组件里初始化组件,一对多
闲叙嗯又在加班,处理一个小问题,但是呢我的Vue学的确实不是很好所以费了一番功夫在这里记录一下中间遇到的问题和学到的知识。问题介绍原创 2020-12-10 13:47:11 · 594 阅读 · 0 评论 -
Vue页面跳转两种方式区别
之前一直使用组件之间使用跳转,但是发现了别的方式传递参数,这里讲方式总结一下然后说一下优缺点。组件方式首先在页面上面显示组件详情<next-node-approved ref="nextNodeApproved" @func="passTask()" v-if="nextNodeApprovedVisible">这里就是组件的详情然后将组件引入import nextNodeApproved from '../components/next-node-approved' // 下一个原创 2020-10-13 17:27:12 · 581 阅读 · 0 评论 -
Vue中el-tabs不显示其中的echarts图像的问题
今天我们需要完成一个效果记录一下遇到的问题这是我们需要完成的效果,很明显就是一个el-tabs加echarts来解决的,然后我们将一般页面的echarts站到echarts发现只有第一个显示其他不显示,而且显示比例出现了问题。<el-tabs > <el-tab-pane label="当月" name="first"> <div style="width: 900px" > <c原创 2020-09-30 14:29:45 · 1211 阅读 · 2 评论 -
Vue中echarts简单使用
首先因为我是在一个项目中直接使用的,所以写基本的路由之类的就不在叙述了,我的前提就是在在一个可以运行的系统使用echarts首先有一个用来存储数据的组件,一个用来显示的即可。我们需要完成的如图所示我们该怎么做呢因为我们的路由所以我们需要在指定的文件夹下面新建一个index做我们页面,然后我们在index中<script> import columnChart from "../columnChart.vue";在js里面引入我们的组件 component原创 2020-09-30 14:15:43 · 247 阅读 · 0 评论 -
Vue组件使用
今天遇到一个bug,学到了一些东西,在这里整理一下。首先展示功能这是一个报账系统的页面,系统是嵌入在一个软件上面的所有的数据都是依靠缓存来获取的这是前提。问题描述首先这是一个识别的问题,我们使用ocr识别,识别发票的信息,将发票代码+发票号码结合在一起,形成发票编码便于我们查询,然后录入发票的总金额,税额,然后问题就来了,问题出现在税额这个字段在导入时发现没有小数点,经过多次试验是组件内部出现了问题,然后我们开始解决问题问题解决首先找到指定页面,然后寻找指定位置的代码使用Ctrl+F寻找ocr原创 2020-08-31 20:08:26 · 576 阅读 · 0 评论 -
Vue输入的规则自定义设定
在完成一个功能的时候要求实现一个要求,就是输入的数据不能为空并且要小数点后两位,我知道是使用了:rules="dataRule"在el-form上面,然后自定义的情况还是一个写,我在这里记录一下我们在完成一个表单提交的时候可能需要对方提交的数据是一个合法的数据而不是一个不合法的数据,我们需要在这里实现一个自定的规则。首先在el-form上面添加<el-form :model="dataForm" :rules="dataRule" label-width="200px" ref="dataForm原创 2020-07-27 14:33:16 · 1442 阅读 · 0 评论 -
Vue表格合并(记录一次难以完成的需求)
Vue中el-table这一次是我接触Vue以来接触到的最难得需求,但是其实说起来也不算难,基本上就是完成一个图表,但是这个图标的话需要去完成一个表头的合并,对于相同的列进行表头的合并。具体需求:其实这个需求也就是说完成一个周报的功能而已,也是简单的实现一个增删改差。让我们仔细分析一下里面的内容,首先这两个表格是在一个页面中,你如果要完成这个功能的话就要去考虑一个问题,就是如何将这个两个页面放在一起,项目经理给我们规划出了基本的样式,但是我们可以进行小规模的修改,首先在这里我想的是用一个table原创 2020-07-27 14:13:55 · 2003 阅读 · 2 评论 -
Vue下拉菜单点击事件,el-table添加属性不显示
遇到的问题在做项目的路上总是bug不断,上手公司的项目,然后去修改一个功能,需求大概是这个样子的,通过一个下拉菜单实现一个table的显示,并且新建table中的行或者修改table表头的下拉菜单可以将那一行的单价和单位两个属性全部带出来,可以进行显示和提交。想法我觉得想法是最重要的,首先呢我们要完成通过下拉菜单的改变就完成对于单位和单价的携带,首先我们要完成一个单独的接口,来向前端传递一个指定的清单的信息,虽然之前我也是考虑过代码的复用,直接使用上面的通过下拉菜单显示一个table的所有数据,然后原创 2020-07-07 19:55:49 · 999 阅读 · 0 评论 -
Vue项目中常用的两种页面转换方法
也是在做这个项目其中呢涉及到页面的转换,一共有两种方式其实,第一种就是完成一个el-dialog还有一种就是转换一个页面,原理差不多但是里面还有一些东西值得我们去考虑。el-dialog的方式就是通过弹窗的方式,其实就是完成一个弹窗,首先呢,我们需要先引入这个el-dialog组件import AddOrUpdate from './defect-rectification-notice-addorupdate'根据具体的路径完成一个组件页面的引入,并且取名叫做AddOrUpdate,然后根据规则原创 2020-07-01 16:22:00 · 7241 阅读 · 4 评论 -
el-form表单需要注意的问题(表单刷新,规则的设定,非空提交)
我们完成表单提交的时候会需要遇到问题表单提交之后数据没有刷新,依旧保留着上一次提交的数据你第一次点击新增填完数据,或者是点击修改数据之后,再一次打开这个dialog的时候会发现携带上次的数据,这其实是在el-form组件上面定义过这个功能,就是this.$refs['dataForm'].resetFields()中的resetFields方法来完成的,这个方法能够使用是有一个前提的,那就是每一个form表单中的数据必须要有制定的规则,表单提交的规则也就是<el-form label-wid原创 2020-07-01 16:09:47 · 2589 阅读 · 0 评论 -
Vue,element-UI实现功能需要的技术点(重点form,table)
最近在用Vue,elementUI框架学到了一些东西,在这里进行一些系统的整理<el-form :inline="true" :model="dataForm" class="demo-form-inline" size="small"> <el-form-item label="任务名称:" prop="taskId"> <el-select v-model="dataForm.taskId" filterable style="width: 100%;" :cl原创 2020-07-01 15:18:52 · 549 阅读 · 0 评论 -
Vue实现数据从前端到后台的传递
前后端的数据传递的几种方式,其中由于是有公司开放的框架所以你们有的方法不一定适用。第一种deleteHandle(id) { var ids = id ? [id] : this.dataListSelections.map(item => { return item.id; }); this.$confirm(`确定${id ? "删除" : "批量删除"}?`, "提示", { confirmButtonText: "确定", cancelB原创 2020-07-01 15:13:33 · 16158 阅读 · 0 评论 -
VUE中的时间转换成java对象中的Date类型属性报错解决方法
遇到一个问题如果你通过@RequestBody注解穿进来一个实体类的情况下,当实体类的中存在Data类型时,会出现类型转换的问题,首先把新增的前段提交代码展示一下。async dataFormSubmit(num) { let valid = await this.$refs.dataForm.validate().catch(() => { return util.$message.showInfo2('校验错误') }) if (!valid) return原创 2020-07-01 15:06:20 · 2356 阅读 · 0 评论