- 博客(8)
- 收藏
- 关注
原创 解决NavigationDuplicated: Avoided redundant navigation to current location: 问题
vue项目中,点击左侧菜单栏中的项,重复点击时会报错,解决这个问题,首先找到项目中管理路由的文件,一般是router/index.js,有的直接就是router.js。然后看vue-router的引入名称,情况一:import VueRouter from 'vue-router'Vue.use(VueRouter)// 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题const originalPush = VueRouter.prototy..
2020-11-11 11:55:57
31504
13
转载 webpack 配置css-loader
Webpack本身只能处理JS模块,如果想要打包更多类型的文件,如css,还要为期配置loader插件,首先,我们需要在test目录下安装css-loader和style-loader两个依赖。官方给出命令如下:cpnm install css-loader style-loader这其实并不能安装成功,不管直接安装还是单个安装都不行解决办法:cnpm i css-loadercnpm i style-loader...
2020-09-11 23:47:48
1612
原创 vue 过滤器filters中使用toFixed(),提示toFixed不是函数
在vue中,过滤器使用toFixed()对数值取两位小数操作,提示data.toFixed is not a function解决办法:Number(data).toFixed(n) //转成数值类型;定义和用法:toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。NumberObject.toFixed(num)n必需。规定小数的位数,是 0 ~ 20 之间的值,包括 0 和 20,有些实现可以支持更大的数值范围。如果省略了该参数,将用 0 代替。...
2020-09-11 11:40:48
1271
原创 css控制文字行数,超出部分用省略号代替
显示多行文字,多余的用省略号代替.centent{ width:300px; height:200px; padding:10px; font-size:14px; line-height:25px; border:1px solid #ebebeb; display:-webkit-box; display:-moz-box; display:-webkit-flex;
2017-11-01 16:49:51
1047
原创 弹性盒子模型(flex)
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8" /><title>弹性盒子模型</title><meta name="author" content="suixinMLF&
2017-11-01 16:36:21
215
原创 css使用box-align和box-pack使div的子元素垂直居中
box-align和box-pack是内容垂直居中.centent{ width:300px; height:200px; border:1px solid #ebebeb; display:-webkit-box; display:-moz-box; -webkit-box-align:center; -moz-box-align:center; box-align:cen
2017-11-01 16:08:19
513
转载 jquery对象和DOM对象的相互转换
1. DOM 对象转成 jQuery 对象对于已经是一个 DOM 对象,只需要用 $() 把DOM对象包装起来,就可以获得一个 jQuery 对象了,$(DOM 对象) 注: var是定义变量如: ?12varv = document.getElementById("v");//DOM对象
2017-11-01 14:35:30
1055
转载 表单提交成功后重置表单
js提供了reset()重置表单的方法,但jquery本身没有提供reset()方法,这就导致了表单提交后jquery不能直接重置表单而使得用户可以重复提交,那怎么解决这个问题呢?很简单,把jquery对象转化成js对象就可以使用js的reset()方法了jquery对象:$("form");转成js对象:$("form")[0];重置:$("form"
2017-11-01 14:19:06
3749
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人