![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
AF01
这个作者很懒,什么都没留下…
展开
-
js生成二维码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2022-03-29 22:51:01 · 101 阅读 · 0 评论 -
vue做tab切换案例
<!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-Compatible" content="ie=edge"> <title>t.原创 2022-02-13 00:32:24 · 138 阅读 · 0 评论 -
js实现答题自动批阅功能
<!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-Compatible" content="ie=edge"> <title>表.原创 2022-01-26 15:33:46 · 930 阅读 · 0 评论 -
腾讯云点播TCPlayer获取当前倍速,接着上次播放,已经看过的可以拖动回看,未看过的不能跳跃看,学习系统开发
腾讯云点播TCPlayer获取当前倍速,接着上次播放,已经看过的可以拖动回看,未看过的不能跳跃看,学习系统开发难点解决方案.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="vi.原创 2021-12-16 13:57:38 · 1334 阅读 · 1 评论 -
下载视频获取视频进度,并改名
下载视频获取视频进度,并改名,原创 2021-12-08 11:12:50 · 166 阅读 · 0 评论 -
将一个数组拆分成几个一组的数组
let arr = [1, 2, 3, 4, 5, 6, 7]; let arrnew = []; arr.forEach((ele, index) => { arrnew[parseInt((index + 1) / 3)] = [] }) arr.forEach((ele, index) => { arrnew[parseInt((index) / 3)].push(ele); }) console.l...原创 2021-12-06 17:14:24 · 657 阅读 · 0 评论 -
elementUi中的DateTimePicker 日期时间选择器回显问题
当你发现你给对象加了一个属性,在控制台能打印出来,但是却没有更新到视图上时,也许这个时候就需要用到this.$set()这个方法了,简单来说this.$set的功能就是解决这个问题的啦。官方解释:向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新属性,因为 Vue 无法探测普通的新增属性let date2 = [];this.$set(this.date2,0,new Date(res.data.effectDate));//回显的日期thi原创 2021-12-06 16:35:42 · 4749 阅读 · 0 评论 -
promise 再用例分析 ES6 async await 与 .then()的对比
promise 再用例分析ES6 async await 与 .then()的对比<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid..原创 2021-11-12 15:40:42 · 980 阅读 · 0 评论 -
promise异步 all 等待所有请求完成处理数据
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>..原创 2021-10-28 15:41:08 · 384 阅读 · 0 评论 -
目录结构点击下一级,返回上一级类似网盘形式
类似网盘形式的上一级下一级文件<!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-Compatible" content="ie=edge">原创 2021-10-26 10:47:45 · 458 阅读 · 0 评论 -
Element-ui树形控件el-tree自定义增加字节点,实时驱动目录树更新
<!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-Compatible" content="ie=edge"> <title&g.原创 2021-10-15 11:23:17 · 651 阅读 · 0 评论 -
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-Compatible" content="ie=edge"> <title>vue生命周期学习&.转载 2021-09-30 15:29:54 · 63 阅读 · 0 评论 -
将一个数组中多个对象相同name的属性合并
let list = [{ name: "li", id: "01" }, { name: "li", id: "02" }, { name: "li", id: "03" }, { name: "hou", id: "02" }, { ...原创 2021-09-24 10:58:39 · 633 阅读 · 0 评论 -
通过返回的数组找到原数组中对应的ID,并返回
letarr1=["小明","小燕子"];letarr2=[{names:"小明",id:1},{names:"小红",id:2},{names:"小燕子",id:3}];letarr3=[];...原创 2021-09-23 15:20:01 · 546 阅读 · 0 评论 -
Vue页面骨架CDN引入资源,小 几十行代码可以使用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-Compatible" content="ie=edge"> <title>表.原创 2021-09-17 11:00:28 · 93 阅读 · 0 评论 -
select选择框选择全部和选择单个之间的逻辑实现代码
select选择框选择全部和选择单个之间的逻辑实现代码<template><div><el-form><el-form-item><el-selectplaceholder="请选择活动区域"multiplev-model="citys"><el-optionlabel="选择所有"value="all">&...原创 2021-07-22 22:16:09 · 186 阅读 · 0 评论 -
element表单验证定位滑动到验证失败的地方
<template> <div id="app"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name" ref="name"> <el-input v-model="ruleForm.name">&.原创 2021-07-22 22:14:05 · 493 阅读 · 0 评论 -
时间戳转化为日期格式:
格式为 : 2021-06-30 09:52:52XXXX-XX-XX XX:XX:XXtimestampToTime(timestamp) { if(timestamp.toString().length<=10){ var date = new Date(timestamp*1000);//时间戳为10位需*1000,时间戳为13位的话不需乘1000 } ...原创 2021-06-30 09:55:09 · 187 阅读 · 0 评论 -
uniapp progress进度条变成圆角代码 标签上添加border-radius不起效果
.uni-progress-bar { border-radius: 3rpx; } .uni-progress-inner-bar { border-radius: 3rpx; }原创 2021-06-24 11:35:34 · 3559 阅读 · 2 评论 -
uniapp如何解决JS更换背景闪动的问题Appa
更换背景图闪动主要的图片没有预先加载这里是一个轮播图的更改更换背景图的,主要代码可以参考currentSwiper(value) { // console.log(value) console.log(value.detail.current) const bgcImgspre = new Image(); bgcImgspre.src = this.getGreats[...原创 2021-06-22 10:19:18 · 1152 阅读 · 0 评论 -
vue在线编译网址
vue2.xx版本在线编译:https://template-explorer.vuejs.org/#vue3.xx版本在线编译:https://vue-next-template-explorer.netlify.app/#加粗样式转载 2021-05-18 13:50:40 · 388 阅读 · 0 评论 -
vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation
vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigationvue 路由报错在main.js中添加代码import Router from 'vue-router'const routerPush = Router.prototype.pushRouter.prototype.push = function push (location) { return原创 2021-04-19 08:03:06 · 1654 阅读 · 0 评论 -
下拉加载更多完整代码vue
下拉加载更多完整代码<template> <div id="page1"><!-- <h1>Random User</h1> --> <div class="person" v-for="(person, index) in person" :key="index"> <div class="left"> <img :src="person" alt="">原创 2021-04-19 07:38:27 · 198 阅读 · 0 评论