【原创】Vue 项目上线配置
通过 Node 创建 Web 服务器 创建 node 项目，安装 express，通过 express 快速创建 web 服务器。 创建项目文件夹 vue test，在该文件夹下运行 npm init 初始化。 创建 app.js，并输入如…
Vue
70
篇文章
【原创】Vue 项目优化
为项目添加 loading 效果 使用 nprogress 包。 安装： npm install --save nprogress 导入并使用 main.js import NProgress from & 039;nprogress& 0…
【原创】lodash 中的 cloneDeep 用法（深拷贝）
使用场景 例如做商品添加时，分类id需要传值 1,2,3 的形式，但基于计算或判断方便，在form 的 cateId 字段绑定的是数组，并且该字段参与了 validate 校验。 待商品添加调 API 接口时，需对该字段进行数组->字…
【原创】Vue 中使用 echarts
引入 import as echarts from & 039;echarts& 039;; 页面 <div id="main" style="width: 600px; height: 400px&qu…
【原创】Vue 时间过滤器
Vue.filter(& 039;dateFormat& 039;, function (originValue) { const dt = new Date(originValue); const y = dt.getFullYear()…
【转载】Vue 校验邮箱和手机号
// 自定义校验规则 -- 验证邮箱 // rule:校验规则, value:校验的值, cb:回调函数 var checkEmail = (rule, value, callback) => { // 验证邮箱的正则表达式 cons…
【原创】Vue 项目实战之用户管理
用户列表高亮问题 用户列表作为 home 组件的子组件，被点击时并不会高亮。 menu 组件有一个 default-active 属性，可以设置高亮链接，值为当前激活菜单的 index。 单击时高亮 && 页面刷新高亮 &l…
【原创】Vue 项目实战之主页布局
使用布局组件 home.vue <el-container> <el-header>Header</el-header> <el-container> <el-aside width=&…
【原创】Vue 项目实战之登录和注销
清除无用代码和组件内容 安装 Vue-Router npm install --legacy-peer-deps vue-router@3.5.2 文件代码 main.js import Vue from & 039;vue& 039;; …
【原创】Vue 2 安装 Vue-Router 失败的解决办法
错误信息内容： npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: sh…