很多人在用 localStorage 或 sessionStorage 的时候喜欢直接用，明文存储，直接将信息暴露在；浏览器中，虽然一般场景下都能应付得了且简单粗暴，但特殊需求情况下，比如设置定时功能，就不能实现。就需要对其进行二次封装，为了在使用上增加些安全感，那加密也必然是少不了的了。为方便项目使用，特对常规操作进行封装。不完善之处会进一步更新... 设计 封装之前先梳理下所需功能，并要做成什…
简介： Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。 安装 npm install dayjs --save 全局配置main.js import dayjs from "dayjs" Vue.prototype.dayjs = dayjs; 运用 console.log(this.dayjs(new Date()).format("YYYY-…
这篇仅对于刚入行前端的小伙伴，大佬勿喷，技术比较菜，哪里写的不对也请指正 首先第一步当然少不了我们的分页组件 <el-pagination :current-page="page_options.page" :page-size="page_options.page_size" :total="page_options.total" background :pager-count="5" l…
用途： method：一般用于事件处理函数方法调用 compute：一般用于属性的计算 watch：主要用来监听某些特定数据的变化，从而进行某些具体的业务逻辑操作 调用方式： {{compute}} //计算属性 {{methods()}} //方法需要用小括号调用 //watch 则不需要调用起监听作用 区别 1.methods中没有缓存机制，页面中调用了多少次就要执行多少次 2.compute…
引用ant-design-vue/dist/antd.less主题样式报错 ./node_modules/ant-design-vue/dist/antd.less (./node_modules/css-loader/dist/cjs.js??ref–10-oneOf-3-1!./node_modules/postcss-loader/src??ref–10-oneOf-3-2!./node_m…
第一部分, 列表(表格)页面内容 包含功能 页面布局 搜索 表格 分页 代码部分 <template> <div class="page"> <!-- 使用表单可以实现更好布局 --> <el-form :inline="true" :model="search" class="searchForm"> <el-form-item> &l…
vue-property-decorator这个库完全依赖于 vue-class-component ，所以在使用这个库之前请先阅读它, 不管啥反正都是装饰器而已 vue-property-decorator 这个组件完全依赖于 vue-class-component .它具备以下几个属性: @Component (完全继承于 vue-class-component ) @Emit @Inject…
由于想用echarts5新的功能，但项目之前用的是4版本，如果全替换成5版本会出现兼容性问题，所以想在同一个vue项目中引入两个不同版本的echarts 默认项目中已经有一个版本的echarts 安装 echarts5 npm install echarts5@npm:echarts@5 安装完可去package.json中看 在需要的地方引入 * 注意：两个版本引入的名字不能相同 import …
解决方法： 方法1： 首先查看自己的配置是否正确，地址信息是否正确 方法2： 重新运行项目 方法3： 向后端寻求帮助，可能不是前端的问题 相关配置 //vue.config.js const path = require("path"); const resolve = (dir) => { return path.join(__dirname, dir); }; module.export…
前言 在vue中，我们经常会用到键盘事件，不管是我们按下某个键，其实都是一次键盘事件的调用，下面就介绍下Vue中的键盘事件 先写一段代码，这里我选择的键盘事件是keyup,当然用keydown也是没问题的 问题来了，什么按键都能触发事件，我们期望的是只能按下回车键才能打印输入的值， 那么：如何判断回车呢？ 传统方式判断案件编码 最原始的办法，就是判断按键编码 <input type="tex…