JoeYoung - 博客园

2020年3月12日

摘要：到iconfont官网上新建项目文件Travel，然后选择你需要的图标加入购物车，并下载到本地，解压缩后把 iconfont.css 文件拷贝到项目的Travel\src\assets\styles文件夹下，再新建iconfont文件夹，里面包含了（iconfont.eot、iconfont.svg 阅读全文

posted @ 2020-03-12 17:25 JoeYoung 阅读(626) 评论(0) 推荐(0)

Vue2.5 旅游项目实例2 首页-header区域开发

摘要：安装stylus依赖包： npm install stylus --save 安装stylus-loader依赖： npm install stylus-loader --save 都按照完成后，在home文件夹下新建components文件夹，里面新建Header.vue文件 <template> 阅读全文

posted @ 2020-03-12 14:03 JoeYoung 阅读(469) 评论(0) 推荐(0)

Vue2.5 旅游项目实例1 代码初始化

摘要： 1、打开index.html文件修改meta：移动端禁止放大缩小 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalabl 阅读全文

posted @ 2020-03-12 11:05 JoeYoung 阅读(283) 评论(0) 推荐(0)

Git 撤销或提交单个文件修改

摘要：撤销修改 1.先查看该Git仓库的当前状态： git status 显示： On branch master Changes to be committed: (use "git restore --staged <file>..." to unstage) modified: a.txt 2.现在阅读全文

posted @ 2020-03-12 11:03 JoeYoung 阅读(2573) 评论(0) 推荐(0)

2020年3月9日

vue-cli2.x创建项目

摘要： 1.安装cli2.x脚手架 npm install --global vue-cli 2.创建项目 vue init webpack 项目名按照填写就行了 ? Vue build standalone ? Install vue-router? Yes ? Use ESLint to lint y 阅读全文

posted @ 2020-03-09 15:10 JoeYoung 阅读(527) 评论(0) 推荐(0)

Vue-cli脚手架2.0和3.0创建项目的区别？

摘要：一、生成项目命令 1、安装3.x版本的Vue脚手架： npm install -g @vue/cli 创建Vue项目命令： vue create 项目名称或基于ui界面创建Vue项目，命令：vue ui 2、安装了vue-cli 3.x 后如何使用 vue-cli 2.x 创建项目需要安装一个桥阅读全文

posted @ 2020-03-09 14:55 JoeYoung 阅读(3179) 评论(0) 推荐(2)

2020年2月19日

localStorage设置过期时间

摘要：一般可以使用cookie,localstorage,sessionStorage来实现浏览器端的数据缓存，减少对服务器的请求。 1.cookie数据存放在本地硬盘中，只要在过期时间之前，都是有效的，即使重启浏览器。但是会在每次HTTP请求中添加到请求头中，如果数据过多，会造成性能问题。 2.sess 阅读全文

posted @ 2020-02-19 17:43 JoeYoung 阅读(5364) 评论(0) 推荐(0)

2020年1月17日

Vue + ElementUI的电商管理系统实例11 商品分类

摘要： 1、创建商品分类分支goods_cate并push到远程查看分支：创建分支：推送到远程：（以前码云中没有该分支，所以要加-u，如果码云中有该分支，则不需要加-u） 2、通过路由加载商品分类组件新建goods文件夹和Cate.vue文件：添加路由：点击左侧菜单的商品分类的效果如图： 3、绘阅读全文

posted @ 2020-01-17 11:05 JoeYoung 阅读(6155) 评论(0) 推荐(1)

2020年1月9日

Vue + ElementUI的电商管理系统实例10 用户列表-分配角色

摘要： 1、用户列表页面，点击分配角色按钮，弹出分配角色对话框给分配角色按钮添加点击事件，并传递当前行的信息： setRole事件： // 展示分配用户角色的对话框 setRole(userInfo) { this.setRoleDialogVisible = true } 添加分配角色的对话框： <!- 阅读全文

posted @ 2020-01-09 15:01 JoeYoung 阅读(1856) 评论(0) 推荐(0)

2020年1月7日

Vue + ElementUI的电商管理系统实例09 分配角色权限

摘要： 1、弹出分配权限的对话框并请求权限数据先给分配按钮添加点击事件：添加分配权限对话框： 2、分配并使用el-tree树形控件先把Tree添加引入到element.js，这里就不写了。然后找到el-tree的实例代码：show-checkbox 节点是否可被选择效果图： 3、优化树形控件的显示阅读全文

posted @ 2020-01-07 16:28 JoeYoung 阅读(4937) 评论(0) 推荐(0)

2020年1月6日

Vue + ElementUI的电商管理系统实例08 角色列表

摘要： 1、通过路由展示角色列表组件新建roles.vue文件：添加角色列表路由：点击左侧菜单的角色列表，效果如图： 2、绘制基本布局并获取角色列表数据先实现基本布局，还是面包屑和卡片视图：添加获取方法：通过调用api接口获取角色列表，请求路径：roles，请求方法：get 3、渲染角色列表数据阅读全文

posted @ 2020-01-06 16:25 JoeYoung 阅读(2237) 评论(0) 推荐(2)

2020年1月3日

Vue + ElementUI的电商管理系统实例07 权限列表

摘要： 1、创建新的rights权限分支并推送到云端：新建分支：推送到远程： 2、通过路由展示权限列表组件在components里新建power文件夹和rights.vue文件添加权限列表路由：现在点击页面左侧菜单的权限列表，就可以显示出权限列表组件页面了。 3、绘制面包屑导航和卡片视图先添加面阅读全文

posted @ 2020-01-03 17:09 JoeYoung 阅读(921) 评论(0) 推荐(0)

2020年1月2日

Vue + ElementUI的电商管理系统实例06 删除用户

摘要： 1、弹出提示框询问是否删除数据 MessageBox 弹框组件确认消息：提示用户确认其已经触发的动作，并询问是否进行此操作时会用到此对话框。 $confirm需要先进行挂载：在element.js里引入 import { MessageBox } from 'element-ui'; Vue.p 阅读全文

posted @ 2020-01-02 16:09 JoeYoung 阅读(1392) 评论(2) 推荐(0)

2019年12月31日

Vue + ElementUI的电商管理系统实例05 修改用户

摘要： 1、展示修改用户的对话框给修改按钮添加点击事件：添加修改对话框代码：此时，点击修改按钮已经可以弹出对话框了。 2、显示对应的用户信息通过作用域插槽获取row信息新建editForm：也可以通过ID查询对应的用户信息： 3、渲染修改用户信息的表单用户名为禁止修改状态修改用户信息表单的验阅读全文

posted @ 2019-12-31 11:28 JoeYoung 阅读(1382) 评论(0) 推荐(0)

2019年12月30日

Vue + ElementUI的电商管理系统实例04 添加用户

摘要： 1、Dialog 对话框组件把Dialog添加导入到element.js中 visible：是否显示Dialog，支持 .sync 修饰符默认falsebefore-close：关闭前的回调，会暂停 Dialog 的关闭 function(done)，done 用于关闭 Dialog 添加代码：阅读全文

posted @ 2019-12-30 17:18 JoeYoung 阅读(1818) 评论(0) 推荐(0)