![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
项目学习
Jungle松
一名努力中的小码农...
展开
-
前端开发中$router和$route的区别
理论描述$router : 是路由操作对象,只写对象;$route : 路由信息对象,只读对象。实践展示//操作 路由跳转this.$router.push({name:‘hello’,params:{name:‘word’,age:‘11’}})//读取 路由参数接收this.name = this.$route.params.name;this.age = this.$route.params.age;总结使用$router传递, 使用$route接收...原创 2021-08-12 08:34:51 · 1587 阅读 · 0 评论 -
vue el-table和el-tab实现自定义表头的区别
vue el-table实现自定义表头时候<el-table-column> <template slot="header"> <i class="el-icon-star-on"></i> </template></el-table-column>vue el-tab实现自定义表头时候<el-tab-pane> <span slot="label"> <i class="el-ic原创 2021-07-02 17:13:06 · 345 阅读 · 0 评论 -
alert&&this.$alert
alert简单的弹窗,常用于调试时判断代码执行到哪里出问题(类似断点)例子:this.$aleretthis.alert() 方法用于显示带有一个标题,一条指定消息,一个关闭按钮和一个确定按钮的警告框。例子:...原创 2021-06-29 17:02:06 · 4253 阅读 · 0 评论 -
box-shadow&rgba
上实例:box-shadow: 10px 20px 40px rgba(0, 0, 0, 0.5);对于带px的三个值分别代表1:阴影向右偏移量2:阴影向下偏移量3:阴影向外扩散的距离对于rgba的值1:前三个值(红绿蓝)的范围为0到255之间的整数或者0%到100%之间的百分数。这些值描述了红绿蓝三原色在预期色彩中的量。2:第四个值,alpha值,制订了色彩的透明度/不透明度,它的范围为0.0到1.0之间,0.5为半透明。例如:rgba(255,255,255,0)则表示完全透明的原创 2021-06-29 16:33:56 · 1809 阅读 · 0 评论 -
vue中事件绑定函数加括号和不加括号的区别
不加括号:查看结果:加括号查看结果这个undefined才是id的值,被这个地方也是坑了很久,平常也是没注意,因为需要在方法的内容拿这个id去判断某些逻辑总结加与不加括号的区别在于事件对象参数 event 的处理。不加括号时,函数第一个参数为 event,加了括号后,需要手动传入 $event 才能获得事件对象。...原创 2021-06-29 15:22:55 · 482 阅读 · 0 评论 -
vue发送验证码后倒计时60s
先看一下实际操作图例:实现方法:html部分:<h3 style="text-align: center;padding:0 0 20px;">修改密码</h3> <el-form-item label="手机号"> <div class="code_input"> <el-input v-model="ruleForm.phone" :disabl原创 2021-06-29 12:03:56 · 3163 阅读 · 0 评论 -
Vue中将data中的某一个对象或者属性置空
最笨的方法:分别置空对象中每一个值:this.data.userName = "";this.data.email = "";this.data.phone= "";this.data.gender= "";this.data.loginName = "";MDN上的方法:Object.assign()MDN关于该方法的介绍:Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。用法: Object.assign(target,原创 2021-05-26 13:46:18 · 6914 阅读 · 0 评论 -
vue this.$createElement
vue this.$createElement在学习别人的代码的过程中,看到别人使用Vue+ElementUI弹出对话框的一个写法,我没有这样写过,因此比较好奇,便去查了一下这种写法。写法是这样的:生成的对话框如下:这里用到了vue $createElement这个方法,此方法各个参数的含义和用法如下:h('div',{},[ h('p','some message...some time...'), h('p','some message...some原创 2021-05-23 18:16:33 · 5429 阅读 · 0 评论 -
Vue项目中使用MD5
在项目中通过前台js加密的方式对登录中的密码等私密信息进行加密的工具首先安装npm install js-md5在项目入口文件main.js中引入js-md5import md5 from 'js-md5';Vue.prototype.$md5 = md5;在Login.vue中(可以其他需要加密的组件汇总)进行使用//可直接调用该方法使用this.$md5("加密内容")官方链接如下MD5官方链接https://www.npmjs.com/package/js-md5.原创 2021-05-12 09:33:05 · 265 阅读 · 0 评论 -
Vue项目中使用lib-flexible
我们在用Vue开发项目的时候,常见的一个问题就是移动端的适配问题,这里提供了一个很好的自适应解决办法首先安装npm i lib-flexible --save在项目入口文件main.js中引入lib-flexibleimport 'lib-flexible/flexible.js'在项目根目录的index.html 文件的头部删除自动生成的meta标签, 新引入的lib-flexible会根据用户屏幕尺寸自动生成自适应的meta标签// 删除<meta name="viewport原创 2021-05-12 09:06:28 · 2434 阅读 · 0 评论 -
分析一个优秀的开源项目el-admin
教程来自狂神说B站视频《手把手教你分析开源项目》手把手教你分析开源项目不知道代码怎么来的?代码跑不起来?项目对自己有帮助,不会模块化分析?任何一个开源项目,都可以让自己得到提升!这里以 EL-ADMIN 为例1、观察开源项目后端代码:前端代码:2、开源项目下载可使用zip下载,或者Git观察:用了哪些技术(springboot,vue,redis,)是否有数据库(mysql)你的环境是否匹配(Java,Maven,npm,nodejs,)通过了,然后再想办法运行转载 2021-03-10 22:59:43 · 758 阅读 · 2 评论