- 博客(22)
- 收藏
- 关注
转载 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 3682 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 3702 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 926
原创 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 404
原创 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 268 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 1131
原创 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 116
原创 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 128
原创 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 660
原创 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 191
原创 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 87
原创 js基础(第三弹)
JavaScript基础JavaScript数据类型基本类型:number,string,boolean,null,undefined,symbol引用类型:Object,function检测基本数据类型:typeof +变量名特殊类型typeof null 返回Objecttypeof 函数 返回function 需要注意这些计算情况: var a = 1; console.log(a*null) consoel.log(a*NaN) //NaN 的全称
2021-04-18 11:46:44 121
原创 js原生(复习,外带迟到半个月的Promise)
一.函数定义的方式函数声明特点:定义前后都能执行 为什么前后都能执行? 因为函数声明的方式:函数提升 栗子:function fn(){ //代码块}函数表达式特点:只能在定义后调用才能执行var fn = function(){ //代码块}fn()二.new函数,访问原型方法我们通过一道经典的面试题来了解原型:function Foo() { getName = function () { alert(1) }; return thi
2021-04-16 00:29:37 82
原创 小程序如何进行页面的登录鉴权?
小程序的登录授权登录授权的思路点击进入首页–>获取到token,uid如何获取token?通过wx.login得到code,调用接口获取登录凭证,也就是code,通过凭证获取用户的登录状态信息调用公司后台(注册/登录)接口获取匿名信息栗子://引入接口const {authorize}=require('引入的api路径')//登录||注册goLogin() { wx.login({ success(res) { console.l
2021-04-14 21:38:10 1012 3
原创 小程序的插槽和模板复用
一.小程序组件:插槽 slot:用于在不破坏组件的情况下,给组件嵌入结构的一种方式栗子://dialog组件:<view class="dialog_box" wx:if="{{ isShow }}"> .... <slot name="a"></slot> ....</view>//cate页面: <Dialog-box> <view slot="b"> &l
2021-04-14 00:57:27 196
原创 小程序的组件
一.小程序组件1.组件是什么?组件:具有完整功能,独立运行,功能十分强大,可以封装重复的HTML代码,实 现HTML代码的可复用性插件:为了完成墨香具体业务功能二开发的js文件,例如: swiper.js类库:提供为了完成项目工具方法的集合,和具体业务无关,例如 jQuery,lodash.js框架:框架是一个半成品,已经对基础的代码进行了封装并提供相应的API,开发者在使用框架是直接调用封装好的api可以省去很多代码编写,从而提高工作效率和开发速度。2
2021-04-12 23:25:33 353
原创 小程序的接口封装和与其他接口请求的差异
微信小程序的数据请求1.常用的请求方式 js原生实现//第一种: let xhr=new XMLHttpRequest() xhr.open() xhr.send() //第二种:fetch() 支持promisefetch('接口地址') .then(function(response) { return response.json(); }) .then(function(myJson) { console.log(myJson); })
2021-04-08 21:30:58 206
原创 这个标题没人用吧?
一.小程序与普通web开发的不同1.小程序实现响应式的单位 rpx 小程序的设计稿通常按照iphone6 宽度为750的尺寸设计的2.样式导入 @import '要导入的外部样式' 大型项目开发,为了方便可以样式复用3.行内样式 栗子:<view style="width: {{ flag == true? '200rpx' : '64rpx' }}"></view>4.小程序支持的选择器 常用的选择器有:. clas
2021-04-07 23:44:51 69
原创 git中提交显示!rejected,如何解决?
git 中的master分支如图显示,在使用push指令提交到别人的仓库的时候会报错,会显示rejected,这是为什么呢?众所周知,我们平常使用git时,远程仓库会有master和dev两个分支master分支一般是最后的工程没有问题的时候,用来做最后的步骤dev分支一般用来做开发的图中有一个需要注意的语句:!rejected,这表示我们push提交的过程中被拒绝了。这之后我查了一下百度:默认的master分支是处于保护状态的,develop角色是没有权限提交到master分支的于是,
2021-04-06 23:26:51 5005 1
原创 H5 新特性
H5新特性1.新增了语义化标签<section>块标签</section><artice>文章内容标签</artice><nav>导航栏标签</nav><header>头部标签</header><footer>尾部标签</footer><aside>侧边栏标签</aside><hgroup>组合标题标签</hgroup>2
2021-04-05 15:16:25 122
原创 js 基础
一.复习JavaScript1.JavaScript是什么? JavaScript是一种可以运行在服务端的脚本语言1.单线程进程:完成一项任务所经历的过程线程:线程进进程范围要小,一个进程可以包括多个线程2.弱类型: 变量的类型由赋值的类型来决定3.脚本语言: 不会提前编译,是运行时边解释边执行的语言2.JavaScript的发展史JavaScript是于1995年诞生JavaScript于1997年发布标准版本1.0JavaScript于199
2021-04-03 00:15:09 120
原创 git 的基本操作
一.历史回退1.查看提交的历史记录//详细查看git log//缩略查看git log --pretty=oneline//查看所有的提交commit_idgit reflog --pretty=oneline2.回退到过去或者现在git reset --hard + 前几位id二.分支管理1.分支是什么? 顾名思义,分支就是从主线上分离出来进行另外的操作,而又不影响主线,主线又可以继续干它的事2.分支的作用 方便团队之间协作开发,分支之间的代码互不影响3.
2021-04-01 21:37:13 81
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人