![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue电商后台
烟柳画廊
这个作者很懒,什么都没留下…
展开
-
el-dialog点击遮罩层不关闭弹窗
原文链接:https://blog.csdn.net/qq_44711316/article/details/120968545?ops_request_misc=&request_id=&biz_id=102&utm_term=element%20dialog%E7%82%B9%E5%87%BB%E9%81%AE%E7%BD%A9%E5%B1%82%E4%B8%8D%E5%85%B3%E9%97%AD%E5%BC%B9%E7%AA%97%20%E5%B1%80%E9%83%A8%转载 2021-11-22 13:20:30 · 3544 阅读 · 1 评论 -
element el-upload,如何禁用弹窗
el-upload禁用弹窗原文链接:https://blog.csdn.net/qq_37975021/article/details/112055658?ops_request_misc=&request_id=&biz_id=&utm_medium=distribute.pc_search_result.none-task-blog-2~all~es_rank~default-1-112055658.pc_search_es_clickV2&utm_term=%E5%转载 2021-11-16 13:43:53 · 3571 阅读 · 4 评论 -
Vue 物流进度与如何在vue中使用Echarts
1.查看物流进度主要用到Element UI中时间线组件栗子:<el-timeline> <el-timeline-item v-for="(activity, index) in activities" :key="index" :timestamp="activity.time" > {{ activity.context }} </el-timeline-item&原创 2021-05-08 00:09:59 · 880 阅读 · 0 评论 -
Vue 后台管理如何添加商品 SI
一.添加商品1.el-upload不走axios请求,自身封装了ajax请求2.文件上传配置请求头3.上传成功后返回的格式:{ "data": { "tmp_path": '图片的临时路径', "url":'图片上传到服务器上的路径' }, "meta": { "msg": "上传成功", "status": 200 }}4.配置文件上传两个注意事项action属性必须是绝对路径手动配置原创 2021-05-06 23:53:16 · 382 阅读 · 0 评论 -
Vue 解决联级选择器和添加商品
一.解决级联选择器cascader中的3问题1. 可以选择cascader的级别//template:<el-cascader :props="defaultProps"></el-cascader> //JS->data defaultProps: { checkStrictly:true },2.隐藏小圆圈问题/*核心思路:通过css隐藏小圆圈,并扩大小圆圈的显示范围,然后设置visibility为hidden*/.el-cascad原创 2021-04-29 00:45:42 · 247 阅读 · 2 评论 -
Vue全局组件 table插件 Cascader级联选择器
1.vue全局组件Vue.component('组件名',组件实例)import ZkTable from 'vue-table-with-tree-grid'Vue.component('tree-table', ZkTable)import BreadCrumb from '@/components/breadcrumb'Vue.component('bread-crumb', BreadCrumb)2.vue-table-with-tree-grid使用及插件参数使用说明 //原创 2021-04-28 00:30:05 · 1094 阅读 · 0 评论 -
Vue 后台时间处理和过滤器 补档第三弹
1.时间处理1.时间戳处理 后台返回时间时,通常返回的是时间戳 时间戳是1970年1月1日到现在经过的毫秒数 前端处理时间戳的方式,栗子: 栗子1:var d=new Date(传入时间戳*1000)getFullYear(),getMonth(),getDate(),getHours(),getMinutes(),getSeconds() 还有一种是通过moment.js第三方处理函数来实现2.过滤器和moment.js处理时间戳 全局过滤器:Vue.fil原创 2021-04-26 23:37:56 · 97 阅读 · 0 评论 -
Vue 用户页面的功能 第四弹
用户页面的功能1.左侧菜单路由的渲染 之前我们说了左侧菜单栏的渲染 现在说说如何渲染里面的路由 效果就是点击那个,就跳到对应的页面 其实渲染路由挺简单的 把里面的path渲染出来就行了, 那为啥,上次不写?因为我忘了 ,咳咳,下面栗子<el-submenu:index="item.id + ''"v-for="item in menuList":key="item.id"> <template slot="title">原创 2021-04-26 00:49:03 · 113 阅读 · 0 评论 -
Vue后台主页左侧菜单的渲染 第三弹
Vue后台主页左侧菜单的渲染1.主页的布局1.首先我们要先下载element-uivue add element 我这里选择的是全部引入,大家可以根据要求进行选择 然后大家会发现,src目录下多了个plugins目录,里面有个element.js2.使用布局容器布局 在这里我推荐使用以下这个官方布局方式,栗子:<el-container> <el-header>Header</el-header> <el-c原创 2021-04-25 01:20:34 · 642 阅读 · 0 评论 -
Vue电商管理 第二弹 =>>>手把手教你写登录页面,路由守卫(js部分)
一.完成登录功能1.表单重置//第一步:给表单添加ref<el-form ref="loginForm"></el-form> //第二步:给重置按钮添加事件,调用重置方法 //重置表单 resetForm() { this.$refs.loginForm.resetFields() }2.表单校验 async login(username,password) { try { this.$refs.user.va原创 2021-04-23 00:37:27 · 170 阅读 · 0 评论 -
Vue电商管理后台 第一弹
一.Vue全家桶Vue+Vue-router+Vuex+axios …二.Vue创建项目1.安装脚手架npm install -g @vue/cli //全局安装一次即可2.创建Vue项目vue create 项目名然后按照下图步骤创建:建议第一个选项选择Manually select features手动安装3.运行项目创建完成项目这里是有提示的:我们根据提示完成就好:接着会出现运行成功的提示:4.路由懒加载 1.其实我们创建好项目之前,我们选择了路由原创 2021-04-21 00:07:19 · 76 阅读 · 0 评论