10 2020 档案

Vue中注册全局过滤器
摘要：在main.js 中添加 Vue.filter('过滤器的名字',function(需要处理的原始数据){ const dt = new Data(需要处理的原始数据) const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').pad 阅读全文
posted @ 2020-10-30 13:37 张新钢 阅读(144) 评论(0) 推荐(0)
Element-UI级联选择器
摘要：级联选择器 下拉框占满全屏 此时可在全局样式文件global.css中添加高度配置： .el-cascader-panel{ height: 200px; } 阅读全文
posted @ 2020-10-29 14:19 张新钢 阅读(943) 评论(0) 推荐(0)
el-pagination
摘要：<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4" :page-sizes="[100, 200, 300, 400]" : 阅读全文
posted @ 2020-10-28 17:23 张新钢 阅读(505) 评论(0) 推荐(0)
ESLint
摘要：{ "C_Cpp.updateChannel": "Insiders", "editor.minimap.enabled": true, "editor.suggestSelection": "first", "vsintellicode.modify.editor.suggestSelection 阅读全文
posted @ 2020-10-28 13:31 张新钢 阅读(168) 评论(0) 推荐(0)
Vue后台管理系统—用户列表
摘要：用户列表 建立自己的文件夹 导入路由，放在home下（子路由） ⭐解决高亮显示的BUG 再点击每个二级菜单的时候不能显示激活状态 把对应的地址保存到相对应的SessionStorage中 刷新页面的时候 从SessionStroage中取值 处在激活状态 // 一级菜单 <el-menu :defa 阅读全文
posted @ 2020-10-24 09:33 张新钢 阅读(974) 评论(0) 推荐(0)
Vue后台管理系统—登录
摘要：1. 登录 输入用户名、密码 调用后台接口进行验证 通过验证后，根据响应状态跳转到项目主页 通过cookie在客户端记录状态【不存在跨域问题】 通过session在服务器端记录状态【不存在跨域问题】 ★通过token方式维持状态【存在跨域问题】 token原理 通过Element-UI组件实现布局 阅读全文
posted @ 2020-10-24 09:31 张新钢 阅读(1030) 评论(0) 推荐(0)
【Vue】基础知识
摘要：项目初始化 通过脚手架创建项目、配置路由 安装插件 Element-UI 在插件中搜索vue-cli-plugin-element 安装运行依赖 Axios 代码中css代码需要 less语法的话 需要开发依赖安装 less & less-loader v-bind 属性绑定 :属性名 数据对应的是 阅读全文
posted @ 2020-10-12 14:04 张新钢 阅读(141) 评论(0) 推荐(0)
Vue-router路由导航
摘要：登陆按钮的方法 loginbtn () { // 预校验 this.$refs.loginRef.validate(async (valid) => { // console.log(valid) if (!valid) { return } // 数据解构 const { data: res } 阅读全文
posted @ 2020-10-10 16:26 张新钢 阅读(129) 评论(0) 推荐(0)
Axios
摘要：主要在main.js入口文件中进行配置 // 发送数据需要axios import axios from 'axios' // 默认地址 axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/' // 挂载请求地址 Vue.pr 阅读全文
posted @ 2020-10-10 15:45 张新钢 阅读(111) 评论(0) 推荐(0)
Element-UI中$message的使用
摘要：import { Message } from 'element-ui' // 挂载到$message上 Vue.prototype.$message = Message 阅读全文
posted @ 2020-10-10 15:41 张新钢 阅读(7945) 评论(0) 推荐(0)
Vue报错
摘要：1️⃣ Module not found: Error: Can't resolve 'less-loader' in '******' 解决方法：实际上是在子组件中的样式里加了这么个代码 <style lang="less" scoped> </style> 而这个less是需要安装的，npm i 阅读全文
posted @ 2020-10-09 13:52 张新钢 阅读(143) 评论(0) 推荐(0)