VUE
SZnA1
学无止境
展开
-
【VUE】前端阿里云OSS断点续传,分片上传
前端使用Vue2+elementUI分片上传、断点续传文件到阿里云OSS原创 2024-03-19 10:33:22 · 2028 阅读 · 3 评论 -
【elementUI】使用el-tree组件根据所选id自动回显
使用elementUI tree组件根据所选id自动回显原创 2023-07-22 17:47:55 · 2833 阅读 · 0 评论 -
【VUE】常见移动端适配方案
使用插件 postcss-px-to-viewport[3] 进行相关配置,就可以帮助我们将。参考:通过插件postcss-pxtorem轻松实现px到rem转换,完成移动端适配[2]在项目中,如果设计师要求某一场景不做适配,需为固定的宽高或大小,这时我们就需要利用。方案就是利用了这一点,根据不同的屏幕尺寸,来设置不同的根元素。:初始缩放比例,即当浏览器第一次加载页面时的缩放比例。方案是阿里早期开源的一个移动端适配解决方案,引用。的大小,以此来达到适配不同屏幕尺寸的目的。转载 2022-12-30 17:15:18 · 6764 阅读 · 0 评论 -
【VUE】表单验证-
对象已经赋值 输入框提示为空解决。表单内嵌套table 多选后数据已更新,但验证一直为空原创 2023-04-19 10:58:30 · 2741 阅读 · 0 评论 -
【VUE】加载提示遮罩
在向后端请求数据或向后端发送数据时,为防止用户在此期间乱操作,所以在页面添加一个加载提示的遮罩,防止用户乱操作。原创 2022-11-17 15:01:45 · 2302 阅读 · 0 评论 -
【VUE】input输入框 WiFi-Mac地址输入组件及对应表单验证方法
【VUE】input输入框 WiFi-Mac地址输入组件。原创 2022-11-11 18:21:08 · 1130 阅读 · 2 评论 -
【VUE】动态类名 :class
{ btnClass: index == 0 } 为动态类名 index为下标,因为这个是在for循环里面写的,他的需求是下标为0时不显示。动态添加类名,在某个变量值达到需求时自动添加某个类名,实现对应的效果。delBtn 为其他类名。原创 2022-09-30 14:55:14 · 803 阅读 · 0 评论 -
【VUE】elementUI表格 列表单独一列排序
给表格单独一列加排序按钮。原创 2022-09-29 15:42:52 · 909 阅读 · 0 评论 -
【VUE】字符串截取,数字截取
js字符串截取 数字截取方法整理原创 2022-09-28 11:20:50 · 10430 阅读 · 0 评论 -
【VUE】input正则
【代码】【VUE】input正则。原创 2022-09-28 09:51:35 · 1768 阅读 · 0 评论 -
【VUE】elementUI 表格使用fixed 切换页面后列错位
【代码】【VUE】elementUI 表格使用fixed 切换页面后列错位。原创 2022-09-27 13:52:51 · 3243 阅读 · 0 评论 -
【elementUI】el-table表格相关问题及解决方法
切换显示隐藏后边框bug、给列表单独某一列增加排序功能、列错位/滑动后切换每页显示数后错位/表格使用fixed后错位、指定字段单元格样式及数据格式化原创 2022-09-28 15:48:56 · 2531 阅读 · 0 评论 -
【ECharts】柱状图y轴从服务器取值后自适应为整数显示
柱状图y轴从服务器取值后自适应为整数显示,而非小数。原创 2022-09-23 14:12:45 · 566 阅读 · 0 评论 -
【VUE】前端导出页面局部区域为PDF并下载
前端实现将页面局部区域保存为pdf并下载至本地,修改pdf输出画质原创 2022-09-22 17:03:28 · 433 阅读 · 3 评论 -
【VUE】表单校验
使用 elementUI的表单,在数据为对象嵌套数组对象时检验内部对象为必填项时应该这样写。prop前加冒号(:) 等号后面,引号内使用 ` ` 拼接 加上[${index}]原创 2022-09-20 19:45:30 · 5437 阅读 · 0 评论 -
【VUE】el-date-picker常用属性及相关问题
日期选择器回显、设置日期选择器不可手动输入,只能点选、设置日期选择器只能选择近180天内、设置日期选择器选择日期后默认时间、elementUI日期组件报错“dateStr.match is not a function”原创 2022-09-16 14:43:44 · 13281 阅读 · 0 评论 -
【VUE】使用v-for时给input绑定v-model报错
使用v-for时给input绑定v-model控制台报错:You are binding v-model directly to a v-for iteration alias. This will not 解决方法原创 2022-09-15 19:22:04 · 753 阅读 · 0 评论 -
【VUE】sessionStorage存取对象,解决取值为[object,object]
sessionStorage存取对象,解决取值为[object,object]原创 2022-09-09 18:09:34 · 560 阅读 · 0 评论 -
【VUE】elementUI轮播图插件点击事件
点击切换轮播图图片的同时,更改dialog摸态框的标题。elementUI Carousel 走马灯组件。原创 2022-09-05 17:13:09 · 1010 阅读 · 0 评论 -
【VUE】点击哪个按钮哪个高亮
点击某个按钮后那个就高亮显示,其他的置灰。data里设置默认第一个高亮。页面进来后默认第一个高亮显示。原创 2022-08-23 21:43:00 · 3009 阅读 · 0 评论 -
【VUE】elementUI table表格 列错位/滑动后切换每页显示数后错位/表格使用fixed后错位
table表格右侧列固定后,在切换页面之后,就会出现列错误的现象。2.添加actived 并调用methods里的方法。此方法为elementUI官方方法,可参考。3.在methods添加方法。1.给表格添加ref。原创 2022-08-15 18:08:28 · 3525 阅读 · 0 评论 -
【VUE】页面A点击后携带参数跳转到页面B并搜索
页面A点击后获取搜索参数,如 ID、Num等,跳转到B页面,使用A页面携带过来的参数在B页面进行搜索。原创 2022-08-11 13:41:33 · 1645 阅读 · 1 评论 -
【VUE】若依vue切换tab页签时页面保持不重新加载
页面板块打开后,切换Tab栏各页面,页面不重新加载,保持原样,提高用户体验原创 2022-08-03 14:03:20 · 11111 阅读 · 4 评论 -
【VUE】elementUI日期组件报错“dateStr.match is not a function“
elementUI日期组件报错"dateStr.match is not a function"原创 2022-08-03 10:35:07 · 5330 阅读 · 0 评论 -
【VUE】输入框输入数字后自动补全
使用elementUI输入框,实现自动补全数字原创 2023-04-19 11:01:05 · 1196 阅读 · 0 评论 -
vue面试题
1、vue优点轻量级 速度快 简单易学 低耦合 可重用性 独立开发 文档齐全,且文档为中文文档2、vue父子组件传递数据props $emit3、v-show和v-if指令的共同点和不同点共同点:都是动态显示 DOM 元素 区别点: v-if 是动态的向 DOM 树内添加或者删除 DOM 元素 v-show 是通过设置 DOM 元素的 display 样式属性控制显隐 v-if 切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件 v-show 只是简原创 2022-07-26 15:54:22 · 227 阅读 · 0 评论 -
【VUE】手动触发input输入框验证
输入框本身有自己的验证规则,但是有时候在切换选项等操作后输入框并不会实时的进行验证更新,可能已经符合规则了,但他还是提示错误信息。点击顶部radio切换时候,实际已经满足规则,但还是提示已存在,需要手动在输入框内点击,再点击空白区域,输入框失焦一次后才能触发更新。...原创 2022-07-22 16:42:13 · 3193 阅读 · 0 评论 -
【ECharts】引入后页面不显示 切换数据后二次点击后视图才更新
页面引入echarts后,页面不显示echarts图添加定时器后即可使echarts找到dom,并渲染domecharts调用后端接口,点击下拉框切换数据后,点击第二次图表才更新解决方法原创 2022-06-13 16:08:18 · 2160 阅读 · 0 评论 -
【VUE】子组件给父组件传递数据
子组件父组件原创 2022-06-13 16:02:26 · 383 阅读 · 0 评论 -
【VUE】父组件点击后子组件页面内容不更新 :key=“timer“
父组件点击后,子组件页面内容不更新(参数已经传递,子组件并没有对新参数进行调用)解决方法:在父组件中:需要更新的子组件中添加: <business-form-dialog-template @submit="receiveOrder"> <order-apply-form :key="timer"/> //添加key </business-form-dialog-template>父组件的点击方法中添加: han原创 2022-05-30 16:46:59 · 4128 阅读 · 1 评论 -
【AVUE】显示当前日期
1.npm下载moment组件,版本号如下 "moment": "^2.29.1",2.在main.js中全局引入组件import moment from 'moment';3.在需要显示当前日期的页面引入组件<script>import moment from 'moment';export default {···}</script>4.在需要的地方createTime: moment().format('YYYY-MM-DD原创 2022-05-13 11:51:46 · 1731 阅读 · 0 评论 -
修改elementUI规则表单输入框错误信息样式
使用elementUI的 规则表单,他的错误信息提示样式不是我们需要的如果需要改变错误信息的位置以及字体大小、颜色等,需要如下设置可以看出来他的class名是.el-form-item__error但是我们直接更改的话不会生效。需要使用用 深度作用选择器 >>> 方式如下.el-form-item >>> .el-form-item__error{ padding-left: 0.33rem;}这样即可生效...原创 2022-04-28 17:39:19 · 2579 阅读 · 1 评论 -
【VUE】使用elementUI制作获取验证码组件
使用elementUI-【表单验证】的表单,在此基础上进行修改,达到自己需要的样式eleUI原版代码如下 自行修改需要的样式<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.nam原创 2022-04-27 19:41:53 · 3434 阅读 · 0 评论 -
【VUE】Vue知识点整理
vue 基本概念作者: 尤雨溪渐进式 的 自底向上增量开发的 mvvm框架渐进式 可以和多种框架进行合并 vue是一个渐进式的框架(vue只会按照程序员的需要来进行功能的实现 不会影响到项目中没有用到vue框架的区域)只会做职责以内的事情自底向上增量开发:先完成最基本的页面 然后再使用vue进行数据的绑定 一步步完成整个项目 MVVM M model 模型----》就是存储变量数据的地方 V view 视图----》原创 2022-03-04 08:57:41 · 2025 阅读 · 0 评论