- 博客(36)
- 收藏
- 关注
RSS订阅
原创 vue自定义指令 focus获取焦点
<inputtype="text"v-focus>1.//全局自定义指令 代码要放在new Vue的上面//注册一个全局自定义指令`v-focus`//使用Vue.directive()定义全局的指令v-focus//其中参数1：指令的名称，注意，在定义的时候，指令的名称前面，不需要加v-前缀...
2019-11-28 16:38:42
4618
原创 正则替换字符串中某个字符
把字符串中所有的 的 换成 de代码如下 var str = "这个逻辑，那么首的先需要调的用会员管的理的相关的接口进行登录"; var res = str.replace(/的/g,"de"); console.log(res); 结果为：...
2019-09-28 14:30:33
3593
原创 git的代码上传，拉取，远程地址查看和删除
git init初始化本地仓库git remote add origin https://e.coding.net/shangyanxinli/shangyanhuodeka.githttps://e.coding.net/shangyanxinli/shangyanapphoutaiguanli.git添加远程仓库Git add 文件名所有文件点 添加到暂存区G...
2019-08-29 18:43:39
1909
1
原创 Echarts使用规范
1.echarts出现警告[echarts Can't get dom width or height]解决方法就是初始化后再填数据，放nextTick中。
2023-04-24 10:16:27
274
原创 element中before-upload不起作用的问题 、on-change上传文件大小限制
element中before-upload不起作用的问题 、on-change上传文件大小限制
2022-07-26 17:38:22
5723
转载 ?. js运算符的使用
可选链操作符是一个新的js api，它允许读取一个被连接对象的深层次的属性的值而无需明确校验链条上每一个引用的有效性。目前处于Stage 3提案阶段，暂时不可以直接使用，可以通过babel编译器使用。可选链操作符(?.)语法obj?.propobj?.[expr]func?.(args)使用介绍比如，我们有一个对象obj，现在要访问它的深层属性baz。const obj = { foo: { bar: { baz: 42, fun: ()=
2021-12-09 15:49:19
3315
2
原创 vue 子组件接受父组件 props 的命名规则
传入用 v-bind:propA = '传入的值'Vue.component('example', { props: { // 基础类型检测 (`null` 意思是任何类型都可以) propA: Number, // 多种类型 propB: [String, Number], // 必传且是字符串 propC: { type: String, required: true }, // 数字，有默认值 ...
2021-12-06 15:00:01
661
原创 vue系列：强制渲染/强制刷新 this.$forceUpdate()
页面数据因为某种情况没有进行双向刷新可以调用此方法进行强制刷新this.$forceUpdate()
2021-10-14 14:28:30
271
原创 vue Clipboard.js 进行一键复制文本(拷贝)
1、安装clipboard.jsnpm install clipboard --save2、页面中引入importClipboardfrom'clipboard';3、直接调用（上代码）html<el-button class="tag-read" type="text" data-clipboard-text="需要复制的文本内容" @click="copy">点击复制</el-button>js copy() { ...
2021-10-13 15:30:05
262
原创 vue系列：定时器/轮询接口
1、data定义一个数据 go:null,//定时器fa2、开启that.go=window.setInterval(()=>{ setTimeout(this.getNew,0) //this.getNew自定义方法（可以放轮询的接口方法）不用加（括号）},1000)3、关闭定时器/轮询window.clearInterval(this.go);...
2021-10-13 15:22:22
807
转载 轮询、长轮询、长连接、websocket
Web端即时通讯技术：即时通讯技术简单的说就是实现这样一种功能：服务器端可以即时地将数据的更新或变化反应到客户端，例如消息即时推送等功能都是通过这种技术实现的。但是在Web中，由于浏览器的限制，实现即时通讯需要借助一些方法。这种限制出现的主要原因是，一般的Web通信都是浏览器先发送请求到服务器，服务器再进行响应完成数据的现实更新。 实现Web端即时通讯的方法：实现即时通讯主要有四种方式，它们分别是轮询、长轮询(comet)、长连接(SSE)、WebSocket。它们大体可以分为两类，一种是在HTTP
2021-10-13 15:09:13
353
原创 vue 滚动条滚动到指定位置（非平滑滚动）
方法1：scrollTop 滚动到某位置document. documentElement. scrollTop = 380;// 直接跳转到380的高度不需要加单位方法2：scrollTo，scrollBy，scroll滚动到某位置//第一个坑,ref绑定的元素不能是display：// 第二要力口上this .nextTtchthis.$nextTick(() => { this.$refs.DOM.scrollTo(0,380);))方法3：scrollInt
2021-10-13 15:05:44
2143
原创 vue绑定class样式的四种方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...
2021-10-13 14:54:09
644
原创 vue的生命周期函数
1、首先要创建实例 var vm = new Vue2、初始化3、执行方法函数（1）beforeCreate:执行的第一个声明周期函数 实例创建完成后立即执行它， 执行时 data 和 methods 中的数据还没有初始化（2）created : data 和 methods 的数据已经初始化（3）beforeMount：表示模板已经在内存中编辑完...
2021-10-13 14:53:44
119
转载 js 时间 日期格式 相互转换
js 时间戳转为日期格式什么是Unix时间戳(Unix timestamp)： Unix时间戳(Unix timestamp)，或称Unix时间(Unix time)、POSIX时间(POSIX time)，是一种时间表示方式，定义为从格林威治时间1970年01月01日00时00分00秒起至现在的总秒数。Unix时间戳不仅被使用在Unix系统、类Unix系统中，也在许多其他操作系统中被广泛采用。目前相当一部分操作系统使用32位二进制数字表示时间。此类系统的Unix时间戳最多可以使用到格林威治..
2021-10-13 14:53:17
13001
原创 element_Ui table 设置部分禁用
效果图不废话上代码 <el-table :data="tableData" header-align="center" @selection-change="handletable"> <el-table-column type="selection" width="55"align="center":selectable="selectable"> </el-table-column> <el-tab.
2021-08-16 10:49:42
1271
原创 video阿里云视频封面获取（精确的每一帧）
废话不多说直接上代码<video @contextmenu.prevent controlslist="nodownload" preload="" controls="" :src="moveLoading" :poster="moveLoading+'?x-oss-process=video/snapshot,t_40001,m_fast'" ></video> moveLoading为视频链接 链接不能带参数例如 ：ht..
2021-08-10 09:46:03
1237
2
原创 vue-router 使用步骤
第一步：npm install vue-router第二步：创建router.js文件上代码import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)const routes = [{ //(自己设定的路由页面) path: '/', name: 'userSecond', meta: { keepAlive: false }, c
2021-07-19 13:54:40
174
2
原创 vue 父组件调用子组件数据 this.$emit()
vue 父组件调用子组件数据 this.$emit()1 子组件添加 this.$emit('chang',data) 方法change为自定义方法 data为数据2 父组件自定义方法@chang="StoryOutlineData" StoryOutlineData为父组件自定义方法3父组件调用方法 （e接受的数据）StoryOutlineData(e){this.data.StoryOutline=e},...
2021-05-14 15:38:03
785
1
原创 vue 在{{}}内 处理过滤后台返回字段 截取时间戳 yyyy-MM-dd
在vue {{}} 双括号内处理数据例：2021-04-30 20:12:56 =>2021-04-30 过滤时间的年月日1、自定义过滤jsfilters:{getPartTime(val){console.log(val)if(val){returnval.slice(0,10)}},...
2021-05-10 17:45:22
558
1
原创 遍历二维数组
let arr = res.data console.log(arr) for(var i = 0;i<arr.length;i++){ arr[i].choose =[] that.options.push({ id:arr[i].id, label: arr..
2021-04-30 16:33:50
147
2
原创 js es6 根据数组 id 查找元素索引 并根据索引删除元素
根据数组 id 查找元素索引 并根据索引删除works_poster_picture_remove(items){//删除海报封面constindex=this.data.works_poster.picture.findIndex(item=>item.uid===items.uid); //用es6 findIndex() 方法找到 id 所在的索引this.data.works_poster.picture.splic...
2021-04-28 11:51:19
2308
原创 router路由vue 子路由嵌套children 重定向路由redirect
children router 子路由嵌套redirect:'/haveIp/works',重定向路由第一步第二步<router-link></router-link>代码{//个人中心path:'/haveIp',name:'haveIp',redirect:'/haveIp/works',component:resolve=>require([...
2021-04-12 11:38:41
3329
原创 vue列表动画，添加过度动画删除
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co...
2019-12-06 11:31:04
594
原创 vue定时器的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-...
2019-11-15 10:34:25
714
原创 页面微信授权
如果转载请加链接：https://blog.youkuaiyun.com/Lei_Xue/article/details/1030648101第一步：用户同意授权，获取codehttps://open.weixin.qq.com/connect/oauth2/authorize?appid=wx9eb026f5850bff04&redirect_uri=https%3a%2f%2ftempo...
2019-11-14 12:00:35
298
原创 vue-qr自动生成二维码并下载
第一步安装npm install vue-qr --save第二步引入组件import VueQr from 'vue-qr'components:{ VueQr },<vue-qr :logoSrc="config.logo" :text="scope.row.url" :size="200" :margin="0">&l...
2019-09-20 15:21:02
1708
原创 element-ui DatePicker 日期选择器--设置结束时间大于开始时间
详细代码html<el-form-item label="开始日期"> <el-date-picker format="yyyy-MM-dd" value-format="yyyy-MM-dd" v-model="form.sendStartTime" type="date" placeholder="选择日期" :defa...
2019-09-10 18:04:27
1476
原创 判端是否在微信端打开
// 判断是否在微信内打开 function isWeiXin:() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { ...
2019-09-09 17:47:22
263
原创 element中el-upload组件自定义参数
先找到el-upload组件的j目录(如下图所示)在props中添加 自定义参数的值objectBind:nul（小技巧：可以搜索onPreview:这个关键词查找）然后继续往下找到，this.onSuccess的执行地点，加上这个自定义参数this.objectBind最后在页面调用绑定参数调用就可以了在上传成功的时候调用over......
2019-09-06 17:38:06
2616
原创 vue.js父组件引入子组件，父组件向子组件传值
1.父组件 v-bild:idx:="index"（ idx为我for循环的key值 这里的idx不能key的名字一样否则子组件无法调用）2.子组件 props:['idx] 建议规范书写props:{idx:{ type:Number, （我这里是数字） default: 0}}目录App.vue为父组件 components的vue...
2019-08-29 18:37:32
227
原创 vue后台管理模板
# 克隆项目git clone https://github.com/PanJiaChen/vue-admin-template.git# 进入项目目录cd vue-admin-template# 安装依赖npm install# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题npm install --registry=...
2019-07-04 10:48:26
438
转载 Ajax的使用
Ajax 的全面总结Ajax在前端开发中有着举足轻重的地位，关于Ajax的使用和注意事项一直是一个重要的话题，借此机会，本文希望对Ajax做一个全面的总结，彻底揭开Ajax的神秘面纱。一.什么是AjaxAjax(Asynchronous JavaScript and XML),可以理解为JavaScript执行异步网络请求。通俗的理解的话就是，如果没有Ajax技术，改变网页的一小部分（...
2018-09-19 10:03:22
201
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人