*木^槿*-CSDN博客

原创 javascript Date format(js日期格式化过滤器)

// 自定义过滤器Vue.filter('formatDate', function (value,fmts) { var fmt = fmts if (value === null || value === '' || value === undefined) { return } var date = new Date(parseInt(value)) if(/(y+)/.test(fmt)){ fmt = fmt.replace(RegExp.$1,(date..

2021-07-26 23:27:11 451

原创 vue解决重复点击导航栏报错

import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)const originalPush = Router.prototype.pushRouter.prototype.push = function push (location) { return originalPush.call(this, location).catch(err => err)}export default new Rou.

2021-01-20 14:34:17 295

原创解决谷歌浏览器输入框记住账号密码后的背景色

input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #ededed !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; background-color:transparent; background-image: none; tr.

2021-01-20 14:30:18 508

原创深拷贝与浅拷贝

深拷贝和浅拷贝区别在于是否发生对象的引用，就像java与js中的继承一样。java是真正意义的继承，将父类的方法和属性复制一份给子类js通过原型链继承的，将子类指向父类地址，这里栈里储存的是父类的地址，堆中存储上父类的方法和属性。子类和父类实际上共用方法和属性。js常常发生对象的引用，是因为栈中存储的是地址，通过 "=" 赋值时，将地址给了新对象。深拷贝：JSON.parse(JSON.stringify())浅拷贝：ES6中的扩展运算符下面看例子：// ES6扩展运算符/

2020-10-30 15:08:05 132 1

原创 element 布局时出现的坑

根据element官方文档布局后，显示却出现了问题，可能是你我将el-header和el-aside封装成了组件所导致。官方文档有这个属性，封装组件后，el-container 中没有 el-header 和 el-footerel-container布局分布为水平分布。给el-container添加 <el-container direction="vertical">就好了。<el-container class="container" direction="...

2020-10-15 11:42:09 1162

原创 vscode 保存时自动格式化遇到的坑

问题：当项目使用eslint，按ctrl+s保存的时候自动格式化成不符合eslint的格式，导致项目不能运行。①安装eslint插件② 文件=>首选项=>设置=>点击打开设置（json）③复制以下代码到settings.json{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, //

2020-10-14 21:22:26 7748 6

原创 vue keepAlive保持当前状态

大家在做后台管理系统时候，编辑、详情等页面有时候需要通过路由跳转显示（没有通过子组件显示），这里有的页面需要保存当前状态，有的则不需要需要保持状态的：数据分页查询，点击详情时，返回需要跳到当前页不需要保持状态的：更新数据，编辑数据，删除数据（对数据进行操作的时候）我这里是看别人的写法，我这里直接上干活（详细版本的翻到最下面有原文地址）1.router.js{ path: '/index/table', // 测试用例组件保持当前状态国际化时测试用例

2020-10-13 11:20:23 492

原创 vue i18n 国际化不能即时刷新（无法在data中正常使用）

父页面：data() { return { breadcrumb: { data: [{ label: this.$t(`message.login`), path: '/' }, { label: this.$t(`message.menu.${this.$route.meta.localekey}`) } ]

2020-10-12 16:04:18 3389

原创 vue中js原生如何实现全屏操作

export default { methods: { toggleFullScreen() { // 点击全屏方法 // 检测全屏属性，无返回null let isFull = document.fullscreenElement || document.msFullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement let d = do.

2020-10-10 17:43:05 391

原创 vue-i18n + element 国际化

vue-i18n + element1.创建i18n文件夹结构目录2.cn.jsen.jsindex.jsi18n.js3.main.js

2020-10-10 17:26:08 433

qq_38730762的博客