![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
马卫斌 前端工程师
人生的每一笔经历,都在书写自己的简历。生活,就是一种永恒沉重的努力,努力使自己在自我之中,努力不至迷失方向,努力在原位中坚定存在
展开
-
vue 将form中的参数全部转成formdata的形式,示例代码
在Vue项目中,如果你想要将表单数据转换成FormData格式以便发送至后端,你可以这样做:首先,假设你有一个Vue组件,其中有一个表单,表单元素已经被v-model绑定到组件的数据对象上原创 2024-03-27 16:11:29 · 331 阅读 · 0 评论 -
vue 导出el-table表格数据
vue 导出el-table表格数据原创 2024-01-17 09:39:23 · 638 阅读 · 0 评论 -
vue 利用vuex存入数据和取出数据的方法
在Vue中,你可以使用Vue的状态管理模式(Vuex)来存储和获取数据。Vuex提供了一个全局的存储库,允许你在应用程序的任何组件中访问和修改数据。方法用于存储数据,接受一个payload参数,其中包含要存储的数据。然后,在你的Vue项目中创建一个store文件夹,并创建一个名为。接下来,你可以在组件中使用这些方法来存储和删除数据。(或者其他你喜欢的名字)的文件。原创 2023-10-30 17:58:34 · 3092 阅读 · 0 评论 -
vue 的一些拦截
Vue.js 允许你在应用程序中进行路由和HTTP请求的拦截,以便在特定条件下执行操作或处理数据。原创 2023-10-30 14:33:46 · 187 阅读 · 0 评论 -
Vue 识别移动设备还是PC设备跳转相应的路由
有些网站需要区分手机端网页和pc端网页,做到不同设备访问不同的网页,增强用户的使用体验,可以在app.vue中作一个判断,然后跳转不同的路由。原创 2023-10-09 10:25:53 · 560 阅读 · 0 评论 -
vue js给div用ref形式赋值
【代码】vue js给div用ref形式赋值。原创 2023-02-07 09:38:15 · 754 阅读 · 0 评论 -
vue 最新面试基础知识答疑〔2023版〕
2023 vue基础面试题原创 2023-01-30 11:54:00 · 641 阅读 · 0 评论 -
vue 自定义模态框组件 用.sync修饰
vue自定义模态框组件,父级引入。原创 2023-01-29 15:52:02 · 378 阅读 · 0 评论 -
vue 数组中响应式方法 及 过滤器
JavaScript 高阶函数。unshift()方法。reverse()方法。splice()方法。原创 2023-01-29 15:44:20 · 806 阅读 · 0 评论 -
vue 截取字符串方法
vue 截取字符串方法原创 2023-01-29 15:13:39 · 11232 阅读 · 0 评论 -
element ui 表单确认提示红色,取消提示方法
element ui 表单确认提示红色,取消提示方法原创 2023-01-29 10:31:56 · 1856 阅读 · 0 评论 -
vue 身份证校验
VUE中如何进行身份证合法性校验(身份证18位,包含最后一位数字/字母)原创 2023-01-04 14:51:45 · 3288 阅读 · 0 评论 -
vue 基础知识,学习笔记,分享一下
vue 基础知识,vue 指令,vue 生命周期,原创 2022-12-07 15:07:42 · 458 阅读 · 0 评论 -
vue时间格式化
vue 统一格式化转换js方法原创 2021-11-18 08:57:57 · 511 阅读 · 0 评论 -
vue 兄弟之间传值
在项目中,需要多个组件之间传递参数,可以用下面的方法实现:用util作为中间件新建util.jsindex 页面brother1 页面代码brother2 页面原创 2022-12-07 10:48:11 · 280 阅读 · 0 评论 -
vue 使用组件显示农历日期
vue 使用组件显示农历日期原创 2022-11-18 15:34:42 · 1023 阅读 · 0 评论 -
vue 获取一个月时间方法
vue 获取一个月时间方法原创 2022-10-28 18:44:42 · 1795 阅读 · 0 评论 -
vue 身份证、手机号码、邮箱验证
vue 验证身份证、手机号、邮箱原创 2022-10-26 16:51:36 · 1065 阅读 · 0 评论 -
Vue 非常实用的自定义指令
在 Vue,除了核心功能默认内置的指令 ( v-model 和 v-show ),Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。Vue自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式,通过 Vue.directive( id, [definition] ) 方式注册全局指令。然后在入口文件中进行 Vue.use() 调用。批量注册指令,新建 directives/index.js 文件在 main.js 引入并调用。原创 2022-08-25 10:17:54 · 209 阅读 · 0 评论 -
vue实时获取当前时间
mounted 添加方法。methods 调用方法。vue实时获取当前时间。原创 2022-08-25 10:10:14 · 1639 阅读 · 0 评论 -
Vue 中定时器setInterval和setTimeout
顾名思义,循环执行就是设置一个时间间隔,每过一段时间都会执行一次这个方法,直到这个定时器被销毁掉用法是setInterval(“方法名或方法”,“延时”), 第一个参数为方法名或者方法,注意为方法名的时候不要加括号,第二个参数为时间间隔上面的例子就是页面初始化的时候创建了一个定时器 setInterval ,时间间隔为1秒,每一秒都会调用一次函数get,从而使value的值加一。原创 2022-08-24 21:01:14 · 1163 阅读 · 0 评论 -
vue elementUI导出excel表格
elementUI导出excel表格原创 2022-08-23 15:55:27 · 702 阅读 · 4 评论 -
vue el-date-picker 周从周一开始日期,起始日期多一天
vue 将周按照周一至之日调整后,起始日期会多一天,进行调整原创 2022-08-21 00:02:34 · 3170 阅读 · 0 评论 -
vue 字符串逗号分割
vue 字符串逗号分割原创 2022-08-19 17:10:54 · 6317 阅读 · 0 评论 -
Vue String 与 int 之间相互转换
vue int 转string 类型 string 类型转为 int原创 2022-08-15 11:39:36 · 10542 阅读 · 0 评论 -
vue 操作数组方法
vue 操作数据方法原创 2022-07-25 09:12:00 · 3328 阅读 · 0 评论 -
vue 前端导出xlsx文件
vue 前端导出xlsx文件原创 2022-07-25 08:55:31 · 1303 阅读 · 2 评论 -
vue 下载文件流导致文件损坏
VUE工程,后端接口返回文件流,前端下载导致文件损坏。原创 2022-07-20 11:46:20 · 3830 阅读 · 1 评论 -
element ui 表格单选 多选
element的el-table表格复选框只能选中一条,选择下一条,上一条去掉勾选。使用文档中select方法,el-table绑定一个ref。原创 2022-07-15 12:07:36 · 3031 阅读 · 0 评论 -
element ui 分页封装
在elementUI中有分页查询的插件 - 但是在项目中使用,可以对其进行二次封装,让分页插件使用起来更加方便快捷原创 2022-07-05 16:04:03 · 1222 阅读 · 0 评论 -
vue 格式化代码改造
vue 格式化代码改造,新建配置文件.prettierrc 文件原创 2022-07-01 14:20:56 · 553 阅读 · 0 评论 -
vuex 学习笔记
vuex 学习笔记原创 2022-06-27 18:29:29 · 202 阅读 · 0 评论 -
vue实时获取当前年月日时分秒星期
vue实时获取当前年月日时分秒星期原创 2022-06-08 15:38:38 · 3573 阅读 · 1 评论 -
vue 数据根据key对应value
vue 数据根据key对应value原创 2021-12-31 16:28:05 · 2145 阅读 · 0 评论 -
vue 参数加密解密
vue 参数加密解密原创 2021-12-30 09:39:03 · 983 阅读 · 0 评论 -
Vue Echarts图标展示
vue 使用echarts 图表原创 2021-05-18 09:30:47 · 260 阅读 · 0 评论 -
Vue 2秒钟点击多次,只触发一次事件
Vue 2秒钟点击多次,只触发一次事件在开发中,有些提交保存按钮有时候会在短时间内被点击多次,这样就会多次重复请求后端接口,造成数据的混乱,比如新增表单的提交按钮,多次点击就会新增多条重复的数据。需求:防止按钮在短时间内被多次点击,使用防抖函数限制规定时间内只能点击一次。思路:定义一个延迟执行的方法,如果在延迟时间内再调用该方法,则重新计算执行时间。main.js中注册Vue.directive('debounce', { inserted(el, binding, vno转载 2021-05-18 09:10:34 · 6420 阅读 · 0 评论 -
Vue 数组合并
Vue 数组合并let vl ={ pic:[ {m_name:'标题',m_path:'gx/dsdsadsa.jpg',id:'4897987987'} ], ppt:[ {m_name:'标题',m_path:'gx/dsdsadsa.jpg',id:'4897987987'} ]} handleXj(vl) { let list = vl.pic.reduce((pre, cur) => { let t原创 2021-05-18 08:53:18 · 571 阅读 · 0 评论 -
Vue 根据页面结构,重新组合数组
Vue 根据页面结构,重新组合数组res.data.forEach(item => { const obj = { name: item.m_name, id: item.id, url: 'http://101.37.246.134:9012/' + item.m_path }; this.form.push(obj);});原创 2021-05-18 08:51:34 · 345 阅读 · 0 评论 -
vue 表单验证
vue 表单验证const validateMobile = (rule, value, callback) => { let reg = /^1(3|4|5|7|8)\d{9}$/ if (!reg.test(value)) { callback('请输入正确手机号') } else { callback() }}const validateEn = (rule, value, callback) => { let reg = /^[_a-zA-Z转载 2021-05-18 08:46:02 · 403 阅读 · 0 评论