晚风的博客

【代码】vue3中使用elementPlus的DateTimePicker 日期时间选择器限制选择当前时间以前的时间。

【代码】vue3中使用elementPlus的DateTimePicker 日期时间选择器限制选择范围跨度最大为一个月。

注意：记得引入css文件，因为官网和部分教程都没写这个，导致样式错位，找了好久才找到。

vue3父子组件传参，父组件调子组件方法

js对象属性数据赋值给另一个对象的部分数据

vue3使用高德地图api，实现海量点、圆形围栏、多边形围栏、热力图、信息窗体、轨迹线等功能

vue3使用高德地图api，实现海量点、圆形围栏、多边形围栏、热力图、信息窗体、轨迹线等功能

echarts图表的label太长解决办法

vue中this指向问题

vue实现element自定义新增、删除table表格的行，和可输入input（可以自行修改成双击表格可编辑

vue中使用elementUI表格动态行合并

vue账号密码登录时增加记住密码功能

vue实现获取验证码按钮60s倒计时

vue全局配置elementUI主题,改变全局button底色等

vue3实现表格数据导出Excel（自定义表头中文名）

markRaw和toRaw的区别和作用

vue3+echarts5出现报错Cannot read property ‘type‘ of undefined

vue3中的defineComponent作用

1、全局安装jquery安装命令：npm install jquery --save2、vue-cli3项目没有webpack.base.conf.js文件根目录新建vue.config.js文件输入以下代码// vue.config.jsconst webpack = require("webpack");const path = require("path");function resolve(dir) { return path.join(__dirname, d

vue项目中重复加载当前路由会报错，解决方法：找到项目中的router文件，在里面添加代码，修正Vue原型上的push和replace方法（注意vue-router的引入名称）// 缓存原型上的push函数const originPush = Router.prototype.pushconst originReplace = Router.prototype.replace// 给原型对象上的push指定新函数函数Router.prototype.push = function.

问题如图明明浏览器url看到的path是/AppHome，但是使用this.$route.path或者location.pathname获取的path路径却是错误的‘/’，这是为什么呢？问题出在当项目启动时，懒加载方式，路由加载注册的时候没有加载path:'/AppHome'下的$route我当时是这样写的这种方式写会导致出现这种情况，我们换种方式（在上面import了这个页面）完美解决 ，path获取正确了...

实现当在调试器点击这个手机模式切换之后再刷新页面，判断当前是pc端还是移动端跳转对应的页面路由实现此效果的方式可以获取UA（userAgent）来判断一、if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Pho

一、this.$routethis.$route.path为页面的路由路径二、locationloaction.pathname 和this.$route.path效果相同

一、$refs给dom元素加ref=“name”在js中this.$refs.name.style.width就能获取到该dom元素的width二、document.querySelector('DOM元素').styledocument.querySelector('.dingwei').style.height三、styleSheets样式表styleSheets能获取页面所有的dom节点的样式document.styleSheets[3].cssRules[3

getdata.left.text是要显示的文字数据如下这样绑定的值可以在数据中自己设置文字的样式，如图是给某一段文字加了红色颜色<div class="content" :style="{backgroundImage: 'url(' + getdata.right.bgurl + ')', 'background-repeat': 'no-repeat', 'background-size': '100%..

getdata.left.bgurl是背景图片地址<div class="content" :style="{backgroundImage: 'url(' + getdata.left.bgurl + ')', 'background-repeat': 'no-repeat', 'background-size': '100% 100%',}"> <p class="c.

vue中filters过滤器的转换时间格式的使用：注意：我这个引用了moment<p class="demanddetail-title-left">{{item.insertTime|getmonthday}}商品定制需求进度</p><p class="text-second-line">{{item.insertTime|getstarttime}}</p><p class="demanddetail-title-left">{{

效果图如下：样式可以自己随便设置html代码： <div class="page-bar"> <ul> <li> <a style="border: none;padding: 6px 8px;" >总共<i>{{ total }}&.

手写分页效果如图：代码如下： <ul class="tabs_item"> <li v-for="(index,item) in tabs" :class="{tabs_items:true,active:index == num}" @click="tab(index)" > {{ inde.

vue中:class=" "的三元表达式写法<div class="stepbar"> <div class="stepbar-first"></div> <div class="stepbar-first-line"></div> <div v-if="item.applyState===5" class="stepbar-gray"></div> <div v-else :cl...

项目经验：做分页时用向上取整方法Math.ceil()this.total = res.data.data.count//总数this.all = Math.ceil(res.data.data.count / res.data.data.size) //总页数this.cur = res.data.data.page //当前页码this.totalPage = res.data.data.size //当前条数如果a=5.1 , b=51.丢弃小数部分,保留整数部分...

页面写两个按钮：<el-button v-if="disabled" type="primary" size="mini" style="magin-left:3px;" @click="verification">获取验证码</el-button><el-button v-if="!disabled" type="info" disabled size="mini" style="magin-left:3px;">{{ timer }}秒后重试</el-b

event.currentTarget始终指向事件所绑定的元素,而event.target指向事件发生时的元素。e.currentTarget（表示不论点击select内的哪个元素，都指向绑定的select那个元素）e.target （表示指向select标签内，鼠标点击的那个元素）至于$event.target的作用，请看Vue中的$event.target...

$event是一个对象$event是指当前触发的是什么事件（鼠标事件，键盘事件等）$event.target则指的是事件触发的目标，即哪一个元素触发了事件，这将直接获取该dom元素此处作用是点击select触发，改变select的字体颜色$event.target能获取你点击的元素的所有东西，包括事件和属性说明点击的是一个select，如果点开，里面会有你想要的所有东西...

表格中要有type="selection"多选this.nowSel.length表示选的数据条数

1、如图，优先级使用的是按顺序的数字，翻页也不会打乱顺序2、在优先级中绑定:index=“indexindex”3、方法中计算一下代码：indexindex(i) { if (this.form.page === 1) { return i + 1 } else { return this.form.size * this.form.page + i - this.form.size + 1 } }...

只要在table标签中加入这行代码就能实现前端写分页，前提要接口返回了总数附上代码:data="locationData.slice((form.page-1)*form.size,form.page*form.size)"

用split()方法分割时间格式，再把分割成的数组拼在一起

1、大于0的正整数/^[1-9]\d*$/2、是否是数字和一个英文,分开const idContent = this.form.activityId.replace(/[^\d,+]/g, '')this.form.activityId = idContent.replace(new RegExp(',+', 'gm'), ',')3、只能是一个英文,分开const idContent = this.adddata.names.replace(' ', '')this.adddata

两个form表单的非空验证不能放在一起验证**一般写项目时，记得清空表单的非空验证**清空表单的非空验证方法resetFields()this.$refs.firstform.resetFields()this.$refs.secondform.resetFields()