- 博客(10)
- 收藏
- 关注
RSS订阅
原创 使用Vue实现后台管理系统的动态路由以及侧边栏菜单
介绍及说明1、背景介绍：最近因为公司的项目，对一个后台管理系统进行前端重构，原项目是SSM架构的前后端没有分离，前端用JSP和jQuery来写的，在完成第一期之后，我强烈要求前后端分离，并使用vue来组件化开发。所以经过几天的摸索完成了项目的整体搭建和基础建设。2、项目要求：因为原先的项目的菜单都是后台来动态生成的，所以用vue来写也要从后台获取路由表，前端再处理成我们想要的路由格式，再完成侧边栏菜单；并且前端页面里有一个模块专门来管理生成菜单和权限（也就是前端自定义一些菜单信息传给后端，后端把数据存到
2020-08-03 13:31:22
5763
3
原创 关于被 keep-alive 缓存的组件不能更新数据的问题
今天在写一个移动端的通过路由来跳转页面的功能时遇到一些问题：1 、通过this.router.push({ path: ‘register’, query: { plan: ‘private’ }})的方法对页面进行来回跳转时，出现页面每次跳转都会刷新当前页面，但是我当前页面有form表单，这样会导致之前已经填写的内容会被重置，不符合要求。于是我就在父组件使用了< keep-alive > 组件包裹我的页面内容，然后页面的内容被缓存了起来，再进行页面路由的跳转也确实没有重置之前写的内容，但是
2020-07-01 21:04:45
2568
原创 解决v-for和v-if一同使用的问题
在vue官方文档里明确了v-for和v-if不推荐同时在一个节点使用。而原因就是它们两个的优先级不同，但是vue2.0文档和vue3.0文档里它们的优先级不一样。vue2.0版v-for和v-if优先级当它们处于同一节点，v-for 的优先级比 v-if 更高，这意味着 v-if 将分别重复运行于每个 v-for 循环中。//当 Vue 处理指令时，v-for 比 v-if 具有更高的优先级，所以这个模板：<ul> <li v-for="user in users"
2021-04-08 21:58:39
1262
1
原创 vue-cli2和vue-cli3新建项目的常用命令
vue-cli2和vue-cli3新建项目的常用命令1、安装vue-cli2脚手架（1）在cmd命令行中输入脚手架安装命令(win+R打开cmd或Windows PowerShell)；（2）全局安装vue2脚手架：npm install -g vue-cli 或者指定版本：npm i vue-cli@2.9.6 -g；（3）安装以后，输入：vue -V 出现相应的版本号，则表示安装成功；（4）卸载脚手架：npm uninstall -g vue-cli；2、搭建项目（1）、初始化项目：vue
2021-02-28 17:29:56
1748
4
原创 限制input只能输入正整数
限制input只能输入正整数<input type="text" autocomplete="off" name="title" class="matTopR_p_input" value="0" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/>onkeyup：会在键盘按键被松开时触发；onafterpaste：粘贴触发
2021-02-28 17:15:28
901
原创 刷新指定的iframe页面
刷新指定的iframe页面在用iframe做后台管理系统时，经常会有刷新指定页面内容的需求，参考网上的都是父子页面之间的操作，没有对指定页面(或者兄弟页面)做操作或刷新，现总结一下刷新指定iframe页面怎么做。1.A页面//获取iframe页面的idfunction getIframeByElement(element){ var iframe; $("iframe", window.parent.document).each(function(){ if(elem
2021-01-05 12:02:22
1454
原创 分享9个非常实用的Vue自定义指令
分享9个非常实用的Vue自定义指令在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过 Vue.directive( id, [definition] ) 方式注册全局指令。然后在入口文件中进行 Vue.use() 调用。批量注册指令，新建 directives/index.js 文件imp
2020-12-20 13:53:51
1218
1
原创 bootstrap插件bootstrapValidator常用验证规则及常用方法总结
bootstrap插件bootstrapValidator常用验证规则总结1.判断字段是否为空notEmpty: {message: ‘用户名必填不能为空’}2.字段长度判断stringLength: {min: 6,max: 30,message: ‘用户名长度不能小于6位或超过30位’}3.通过正则表达式进行验证regexp: {regexp: /1+$/i,message: ‘名字只能由字母字符和空格组成。’}4.大小写验证stringCase: {message:
2020-09-03 16:22:46
1601
原创 attr 和 prop 的区别
关于attr() 和 prop() 的区别在我们用jQuery来写代码的项目中，会经常用到要给元素设置属性的时候，而通常我们也是用attr()和prop()方法;但是attr()和prop()是有区别。1、对于 HTML 元素本身就带有的固有属性，在处理时，使用 prop 方法。prop()函数的结果:1.如果有相应的属性，返回指定属性值。2.如果没有相应的属性，返回值是空字符串。例如：<a href="https://www.runoob.com" target="_self" cla
2020-07-05 16:30:15
548
原创 DOM同时设置mouseover与mouseout事件控制元素显示时出现闪烁问题
DOM同时设置mouseover与mouseout事件控制元素显示时出现闪烁问题最近在使用mouseover和mouseout控制同一元素进行操作时会出现闪烁的问题，在网上也找了很多方法都不适用，比如有说用mouseenter 和 mouseleave来分别替换mouseover和mouseout，试了还是闪烁，最后用了pointer-events: none;的属性解决了问题。pointe...
2020-03-14 16:15:54
335
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人