![](https://img-blog.csdnimg.cn/2019092715111047.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
VUE
VUE
前端ironFive
ladies and gentlemen ,I'm coming.
展开
-
解决赋值后变量随着被赋值变量一起改变
出现这种情况是因为两个变量指针指向了同一个对象,需要深度赋值data2=JSON.parse(JSON.stringify(data1));原创 2021-01-22 16:22:19 · 1162 阅读 · 0 评论 -
通过 a href标签跳转vue页面传递参数并接受
看 #/ 这个符号的位置如果类似于http://ip:port/it/sheet/index.html#/?operCode=0244301&userId=admin 这种在#/后面传参用this.$route.query.userId 就可以获取如果是其他的类型,在$route中获取不到,需要通过window.location.href来获取全部的url,再通过字符串操作获取需要的参数。...原创 2020-07-22 17:03:43 · 5021 阅读 · 0 评论 -
VUE 动态展示操作数据完整版前端(含源码项目)
之前写的因为是基于项目的,这几天整理了一下将主要代码抽离重构了一下。数据通过数据生成的页面注意事项前两篇文章大概介绍了一下,这个有完整的项目,不过只是前端,核心的代码已经给了,需要根据自己的后端接口去调整。还有就是需要先npm install一下...原创 2020-06-19 17:55:47 · 2612 阅读 · 1 评论 -
vue根据后台传递的json数据生成动态配置页面(二)动态弹窗/ 展示部分其他源码
首先声明一哈,这个项目目前排期无限延后了,这个项目分为建模和展示。目前建模部分完成了,但是和展示部分的数据结构大不一样。所以如果只是展示的话可以看一下,如果还要建模就不要看了。动态弹窗调用<dynamicAddForm:title=title:addFormData=addFormData:show=open@submit='submit'@cancel='cancel'></dynamicAddForm>组件<templ...原创 2020-05-27 14:19:29 · 3369 阅读 · 0 评论 -
JS时间,时间戳,以及年月日时分秒格式时间的相互转化
1、时间var time=new Date()2、时间=>时间戳var time=new Date().getTime()3、时间戳=>时间var time=new Date( new Date().getTime()+3600*1000*24* 10 ) //时间戳加一天4、时间=>年月日时分秒var val= new Date()var formmatTime=val.getFullYear() + '-' + this.p((val.get...原创 2020-05-13 19:45:58 · 2827 阅读 · 0 评论 -
调整el-datetimepicker时间选择器的样式大小
在全局样式中,这是调整范围时间的选择器(两个面),如果是调整时刻时间选择器就把.has-sidebar去掉,然后调整里面各个样式。.has-sidebar{width:630px!important;.el-picker-panel__body-wrapper{width:610px!important;}.el-picker-p...原创 2020-04-27 10:10:30 · 8180 阅读 · 0 评论 -
el-table fixed出现纵向滑动条后fixed行样式错乱
看了好多方法,都没解决,最后发现是因为设置了滚动条样式,而且设置的滚动条样式横向和纵向大小不一致。将滚动条横向的height和纵向的width设置成一样大小就行了。...原创 2020-04-27 10:07:43 · 3099 阅读 · 0 评论 -
ELement组件dioalog作为组件时点右上角关闭无法再次打开
将组件中包含dialog时,如果不对其进行一些设置,点击关闭后会报错而无法再次打开。两种方法,第一种是将关闭按钮去掉,:show-close="false"<el-dialogtitle="":visible.sync="updateModelDialog"width="55%"center:show-close="false">第二种是调用关闭回调方法,让他和取...原创 2020-04-02 10:51:09 · 2442 阅读 · 0 评论 -
VUE将方法名字作为变量进行调用
核心方法applicationClick(methodsName){ this.$options.methods[methodsName]() },将方法名字作为参数原创 2020-03-31 09:18:30 · 6537 阅读 · 0 评论 -
VUE B/S架构搭建之配置路由和前后端交互
VUE路由配置1、安装路由插件cnpm install vue-router --save-dev2、在src/router/index.js中引入 注册 配置扩展:@表示src 这个在webpack中配置用@表示src3、在main.js中引入 并在new的vue添加router4、App.vue页面 添加router-view...原创 2020-03-28 14:21:49 · 2251 阅读 · 0 评论 -
vue 父子组件间的传值问题
父组件给子组件传递值子组件通过设置prop属性props: { inStrategyID: { type: String, default: ''}}父组件 :inStrategyID="inStrategyID" 通过调用组件并赋值。子组件给父组件传递值有时子组件数据有变化,父组件需要展示子组件内的值。需要子组件给父组件传值。...原创 2019-10-15 14:31:05 · 113 阅读 · 0 评论 -
vue根据后台传递的json数据生成动态配置页面(一)动态组件
一、需求理解前端主要分俩模块,一个是管理模块,一个是展示模块。管理模块负责传递json数据。 如图1.1,目前只是大概做了一个静态数据传递,先做页面展示。展示模块负责根据json数据展示页面。如图1.2,根据动态组件和传递json数据展示页面,页面主要有动态表单、动态按钮、动态列表、动态弹窗等。 ...原创 2020-03-04 14:16:13 · 17938 阅读 · 8 评论 -
vue公共方法同步返回值接收
主要解决挂载一个需要调用接口的方法,但是需要同步接收其返回值再往下进行。一、挂载公共方法1、可以直接在main.js挂载全局方法Vue.prototype.msgSuccess=function(msg){this.$message({showClose:true,message:msg,type:"success"});}2、也可以在mai...原创 2020-02-25 17:56:49 · 4748 阅读 · 0 评论