suixinMLF-CSDN博客

原创解决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 31325 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 1591

原创 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 1232

原创 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 997

原创弹性盒子模型(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 201

原创 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 490

转载 jquery对象和DOM对象的相互转换

1. DOM 对象转成 jQuery 对象对于已经是一个 DOM 对象，只需要用 $() 把DOM对象包装起来，就可以获得一个 jQuery 对象了，$(DOM 对象) 注： var是定义变量如：　?12varv = document.getElementById("v");//DOM对象

2017-11-01 14:35:30 1042

转载表单提交成功后重置表单

js提供了reset()重置表单的方法，但jquery本身没有提供reset()方法，这就导致了表单提交后jquery不能直接重置表单而使得用户可以重复提交，那怎么解决这个问题呢？很简单，把jquery对象转化成js对象就可以使用js的reset()方法了jquery对象：$("form");转成js对象：$("form")[0];重置：$("form"

2017-11-01 14:19:06 3721

suixinMLF的博客