vue.js
文章平均质量分 77
TE-茶叶蛋
全干工程师,阿里云专家博主
展开
-
扫码枪与Input的火花
在浏览器扫描条形码获取条形的值,再操作对应的逻辑。这是比较常见的业务,这里记录实际操作。其中PC端用的是elmentui-plus,mobile端用的vant-ui。原创 2024-05-14 19:27:07 · 454 阅读 · 0 评论 -
jszip + file-saver 纯前端批量下载
稍早之前,用canvas 批量生产二维码,是支持单个下载的。现在需要优化一下,添加批量下载全部的二维码。:添加按钮批量下载所有的二维码,并且以xxx.zip 命名,图片以xxx.png命名。拿到这个需求的时候,前端页面已经生成二维码了。而且是base64格式的。后端虽然也可以处理,但数量一大,接口比较缓慢。所以前端处理比较好。✌️。原创 2023-12-27 11:02:48 · 674 阅读 · 0 评论 -
vue3使用pinia 实现权限code存取
上一篇vue3+element-plus权限控制实现(el-tree父子级不关联情况处理)主要描述了权限控制综合实例中el-tree组件的使用细节。这一篇,主要讲讲pinia 来存取权限code ,并且在实现菜单的权限控制。/*** @description 获取cookie*//*** @description 设置 cookie*/// 你可以对 `defineStore()` 的返回值进行任意命名,但最好使用 store 的名字,同时以 `use` 开头且以 `Store` 结尾。原创 2023-09-27 11:49:47 · 567 阅读 · 0 评论 -
vue3+element-plus权限控制实现(el-tree父子级不关联情况处理)
在开发后台管理系统的时候,用户的权限控制是一个常见的需求。这里需要探讨下按钮的级别的权限控制,以及实现中使用element-plus tree 组件的使用细节。后台管理系统常见的权限控制需求,这里讲button实现交互细节处理,取消选中子级menu/button,父级不关联取消;选中/取消父级catalog/menu,子级全部选中/取消;选中/取消部分子级menu/button,父级关联半选中状态(indeterminate=true);原创 2023-09-14 13:36:52 · 2226 阅读 · 3 评论 -
js日期控件 (补助计算器页面)
记录最近在搞的一个单页面计算器。主要坑点在于日期控件。还有一开始我用px 单位。在安卓平板显示偏小,所以用rem来代替。设置html中的 font-size 大小就可以等比例缩放了。 背景 首先呢,我开发的这个页面的是 vue模版,用CDN 引入vue 依赖,然后提供给安卓平台使用的。安卓端,用webview 显示我的页面。 尝试一 ...原创 2019-01-02 16:23:36 · 405 阅读 · 0 评论 -
vue3.0后的学习proxy笔记(觉得和reflect一起对比学习效果更佳)
最近看相关报道,vue3.0 开发计划 传送门 https://juejin.im/post/5bb719b9f265da0ab915dbdd其中,监测机制:一句话介绍:更加全面、精准、高效;更具可调试性的响应跟踪;以及可用来创建响应式对象的 API。3.0 将带来一个基于 Proxy 的 observer 实现,它可以提供覆盖语言 (JavaScript——译注) 全...原创 2018-12-08 01:06:40 · 1409 阅读 · 0 评论 -
正方项目—— summary
目的:记录做过的项目,还有一些学到的新知识。 项目背景:某公司有很多停车场和充电柱。共享汽车也有合作进来充电和停车,想提高缴费和进入场的效率。 项目介绍:微信公众号H5项目,主要功能提供线上支付(微信 支付宝),无感支付服务,附近停车场定位。其中无感支付,需要在自己开通自动缴费协议。 技术栈:vue....原创 2018-11-29 15:52:39 · 306 阅读 · 0 评论 -
去除html标签方法
getSimpleText(str) { let reg1 = new RegExp('<.+?>', 'g') // 匹配html标签的正则表达式,"g"是搜索匹配多个符合的内容 let reg2 = new RegExp('\\r', 'g') let reg3 = new RegExp('\\n', 'g...原创 2018-11-16 16:20:08 · 347 阅读 · 0 评论 -
vue-fliters (时间格式化)
vue-fliters 记录下时间戳格式化,直接贴码步骤1: import dataFliter from "@xxxxx.data.js"步骤2:export default {data() { return {}; },filters: {//记得加在这里 dataFliter},};步骤3.使用 eg : ...原创 2018-07-19 14:40:03 · 508 阅读 · 0 评论 -
vue组件的生命周期(转)
vue组件的生命周期Vue所有的生命周期钩子自动绑定在this上下文到实例中,因此你可以访问数据,对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法。这是因为箭头函数绑定了父上下文,因此this与你期待的Vue实例不同。1、beforeCreate 在实例初始化之后,数据观测和event/watcher时间配置之前被调用。2、created 实例已经创建...转载 2018-07-17 19:49:26 · 234 阅读 · 0 评论