vue项目
余一痴
这个作者很懒,什么都没留下…
展开
-
vue拖拽组件(app移动端)
vue拖拽组件<template> <div id="webId"> <!-- 1.1 如果碰到滑动问题,请检查这里是否属于同一点。 --> <!-- 悬浮的HTML --> <div class="xuanfu" id="moveDiv" @mousedown="down()"转载 2022-04-06 11:38:47 · 1090 阅读 · 1 评论 -
vue移动端
移动端实现如下图竖线加上下边框<div class="layer"> <div class="layer-header"></div></div>/*样式代码*/.layer{ width: 100%; background: #fff;}.layer-header{ height: 30px; position: relative; padding:0 10px;}.layer-header::before原创 2022-02-17 15:46:06 · 475 阅读 · 0 评论 -
移动端1像素边框问题
移动端1像素边框问题.contianer{ position: relative; &::before{ content:" "; position: absolute; left:0; top:0; width:200%; height:200%; transform:scale(0.5,0.5); transform-origin:left top; border:1px solid lightgray; box-sizing:border-box;原创 2022-02-16 17:23:10 · 399 阅读 · 0 评论 -
获取url地址参数的方法
获取url地址参数的方法原创 2022-02-16 16:57:25 · 3909 阅读 · 1 评论 -
vue中粘贴板clipboard的使用方法
安装clipboard : npm install clipboard --save在模板文件中引入: import Clipboard from “clipboard”具体使用: (这里我用的表格) <el-table :data="gridData" border> <el-table-column prop="documentPath" property="date" label="文件位置"原创 2022-02-14 10:41:32 · 10328 阅读 · 0 评论 -
git 回退指定版本
git log该命令显示从最近到最远的提交日志。每一次提交都有对应的 commit id 和 commit message。(找到需要回退的版本id)git reset --hard id该命令根据 id 回退到指定的版本git push推送到本地到远程仓库:让远程仓库代码和你本地代码一样...原创 2022-01-21 17:01:16 · 2119 阅读 · 0 评论 -
前端生成id方法
前端生成id方法generateId() { const s = [] const hexDigits = '0123456789abcdef' for (let i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1) } s[14] = '4' s[19] = hexDigits.substr((s[1原创 2021-12-29 16:38:09 · 1650 阅读 · 0 评论 -
js判断开始时间不能小于结束时间
js判断开始时间不能小于结束时间function validTime(startTime,endTime){ var arr1 = startTime.split("-"); var arr2 = endTime.split("-"); var date1=new Date(parseInt(arr1[0]),parseInt(arr1[1])-1,parseInt(arr1[2]),0,0,0); var date2=new Date(pars原创 2021-12-29 16:35:19 · 1223 阅读 · 0 评论 -
vue 项目表格(el-table)列表添加序号
vue 项目表格列表添加序号第一种<template slot-scope="scope"> {{ scope.$index + 1}}</template>此方法在切换页码时,还是1,2,…10第二种:结合页码+条数<template slot-scope="scope"> {{ (page - 1)*pageSize+scope.$index+1 }}</template>//page:页码//pageSize:一页显示的条数原创 2021-11-01 16:55:15 · 6084 阅读 · 0 评论 -
2021-11-01
vue项目 pc端下载功能前端请求后端接口,返回文件流//点击下载,拿到下载的文件流let data = res;//res==》请求接口拿到的文件流 /* 兼容ie内核,360浏览器的兼容模式 */ if (window.navigator && window.navigator.msSaveOrOpenBlob) { const blob = new Blob([data ], {type: "application/vnd.ms-excel;原创 2021-11-01 15:04:07 · 118 阅读 · 0 评论 -
Object.hasOwnProperty()方法使用
Object.hasOwnProperty()方法使用官方解释:hasOwnProperty() 方法会返回一个布尔值,指示对象自身属性中是否具有指定的属性(也就是,是否有指定的键)具体使用:let obj = { color:red, name:tom, age:10}obj.hasOwnProperty('age'); //在控制台输出trueobj.hasOwnProperty('eating'); //在控制台输出falselet obj1 = { name:null,原创 2021-08-10 15:44:24 · 1049 阅读 · 0 评论 -
js获取年份,当前年份的前后15年
js获取年份,当前年份的前后15年<template> <div> <el-select v-model="year" placeholder="选择年份" size="small" clearable > <el-option v-for="(item, i) in years" :label="item.label"原创 2021-08-04 09:44:18 · 3378 阅读 · 1 评论 -
css实现月份当月高亮,当月之后的置灰,当月之前的点击高亮
css实现月份当月高亮,当月之后的置灰,当月之前的点击高亮话不多说直接上代码:<template> <div class="month_box"> <div v-for="i in 12" :class="{'month_active':form.monthNum==''?form.month==i:form.monthNum == i && form.monthNum<=form.month,'month_active_next':form.m原创 2021-07-06 16:48:44 · 183 阅读 · 0 评论 -
js 获取每个月的最后一天
js 获取每个月的最后一天getDate() {//获取每个月的最后一天 let d = new Date(); let y = d.getFullYear();//获取年份 let m = d.getMonth() + 1;//获取月份 let dateStr = y + '-' + m; //需要获取此月最后一天的日期 let dateObj = new Date(dateStr); let nextMonth = dateObj原创 2021-07-01 14:15:01 · 2189 阅读 · 0 评论 -
pc端侧边菜单封装组件(使用element-ui组件库中el-menu组件)
pc端侧边菜单封装组件使用布局容器组件布局<el-container> <!--头部组件--> <el-header>Header</el-header> <el-container> <!-- 侧边菜单组件 --> <el-aside :width="isShowMenu ? '64px !important' : '15% !important'"> <div cl原创 2021-06-28 14:40:53 · 541 阅读 · 0 评论 -
element-ui组件库中el-table表头和内容居中
element-ui组件库中el-table表头和内容居中表头水平居中<template> <el-table :data="tableData" style="width: 100%" :header-cell-style="{textAlign: 'center'}"> <el-table-column prop="date" label="日期"> </el-table-column>原创 2021-06-22 11:15:19 · 1076 阅读 · 0 评论 -
点击显示倒计时(点击发送验证码)
点击显示倒计时(点击发送验证码)<template> <div class="myorder_bg"> <van-field v-model="verificationCode" center required label="请输入验证码" placeholder="请输入验证码" > <bu原创 2021-02-01 16:06:05 · 78 阅读 · 0 评论 -
用vant组件库来实现发送验证码
用vant组件库来实现发送验证码话不多说,直接上代码<template> <div class="myorder_bg"> <van-field v-model="verificationCode" center required label="验证码" placeholder="请输入验证码" > <button slot="but原创 2021-01-26 10:53:40 · 1752 阅读 · 0 评论 -
说说你在项目中是怎么做微信支付,支付宝支付
业务场景介绍:H5移动端支持微信支付 [ 微信支付分为微信内支付(JSAPI支付官方API)和微信外支付(H5支付官方API)] && 支付宝支付[手机网站支付转 APP 支付 官方API ]订单生成逻辑:前端请求后端提交订单,后端去和微信或者支付宝对接生成订单(后续支付都是这个逻辑进行的对接)移动端微信支付,在vue中如何使用在移动端微信支付分为微信内支付和微信外支付。1.在订单组件中选择支付方式之后在支付页面先去判断是否是在微信内://判断是否微信 is_wei原创 2020-12-07 22:38:22 · 560 阅读 · 0 评论 -
谈谈对登录逻辑的理解
谈谈对登录逻辑的理解登录逻辑1、第一次登录的时候,前端(客户端)调后端(服务器)的登陆接口,并发送用户名和密码2、后端(服务器)收到(客户端)请求,验证用户名和密码,验证成功,就给前端(客户端)返回一个token3、前端(客户端)拿到token,将token存储到localStorage或vuex中,并跳转路由页面4、前端(客户端)每次跳转路由,就判断 localStroage 中有无 token ,没有就跳转到登录页面,有则跳转到对应路由页面5、在组件中每次调后端(服务器)接...原创 2020-11-01 20:27:00 · 3052 阅读 · 0 评论 -
谈谈在vue项目中api的封装(理解)
谈谈在vue项目中api的封装(理解)api的封装要用到axios模块。所以那我们在创建好vue脚手架后需要安装axios依赖包(指令:npm i axios --save)。api的封装主要的目的就是:在帮助我们简化代码和后期的更新维护。axios封装在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,类似于JQ中的ajax,用于HTTP请求,可运行在浏览器端和node.js中。他有很多优秀的特性,例如支持promise API、拦截.原创 2020-11-01 14:55:40 · 1705 阅读 · 0 评论 -
vue项目中子传父如何传递?
vue项目中子传父如何传递?在父组件中给子组件标签绑定一个自定义事件,给这个事件挂载需要调用的方法 在子组件的方法通过this.$emit(‘自定义事件名’)来调用这个方法将上图拆分为3个子组件1、创建vue项目2、安装需要的模块axios、vantcnpm i axios --savecnpm i vant --save3、在main.js中配置文件import Vant from 'vant';//引入vant模块import 'vant/lib/i原创 2020-09-01 19:35:51 · 1221 阅读 · 0 评论 -
vue项目中父传子如何传递
vue项目中父传子如何传递1、在父组件中给子组件标签上绑定一个属性, 属性上挂载需要传递的值2、在子组件通过props:[“自定义属性名”]来接收数据实际应用:1、创建vue项目,在components(子组件),创建一个组件search.vue,具体内容如下:<template> <div> <div class="search_top_container"> <div class="search_input_co原创 2020-09-01 18:56:59 · 1153 阅读 · 0 评论