随笔分类 -  VUE

vue 密码输入组件（星号显示输入的内容）
摘要：组件代码 <template> <div class="text-input"> <span class="starBox"> <span class="starItem" v-for="(item,i) in '*'.repeat(text.length)" :key="i" unselectab 阅读全文
posted @ 2020-09-17 15:10 时间脱臼 阅读(2588) 评论(0) 推荐(0)
vue4.x 使用mockjs相关配置
摘要：一、安装mockjs npm install mockjs 二、创建mock文件夹 三、创建mock文件 FzIdentNetCard.js import Mock from 'mockjs' const res = { "head": { "chanel": "DBK", "drbkdt": "2 阅读全文
posted @ 2020-06-09 23:05 时间脱臼 阅读(676) 评论(0) 推荐(0)
vue 项目通过vue指令添加水印
摘要：在vue项目中通过自定义指令，使用canvas特性生成base64格式的图片文件，并将其设置为背景图片，从而实现页面或组件局部水印效果 1、新建directives.js 2、min.js 引入directives.js （我的directives.js文件在utils目录下） 3、调用指令 如果希 阅读全文
posted @ 2019-08-29 17:39 时间脱臼 阅读(10048) 评论(8) 推荐(1)
js 事件发布订阅销毁
摘要：在vue中 通过$on订阅事件，通过$emit触发事件以此可用来事件跨组件传值等功能，但是有个弊端就是通过这种方式订阅的事件可能会触发多次。 特别是通过$on订阅的事件中如果有http请求，将会造成触发一次会发出很多同样的http请求，造成资源浪费。 因此 对事件机制做出一下改造，保证同一个事件触发 阅读全文
posted @ 2019-08-19 17:55 时间脱臼 阅读(1130) 评论(0) 推荐(0)
Vue cli2.0 项目中使用Monaco Editor编辑器
摘要：monaco-editor 是微软出的一条开源web在线编辑器支持多种语言，代码高亮，代码提示等功能，与Visual Studio Code 功能几乎相同。 在项目中可能会用带代码编辑功能，或者展示代码。对于习惯使用vsCode的开发者来说使用monaco-editor是非常不错的选择。 安装依赖 阅读全文
posted @ 2018-09-17 17:19 时间脱臼 阅读(13288) 评论(4) 推荐(3)
Vue相关开源项目库汇总
摘要：Vue相关开源项目库汇总 ： 原文请查看（有更新）：github地址： https://github.com/opendigg/awesome-github-vue UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element ★9395 - 饿了么出品的Vue2的web U 阅读全文
posted @ 2018-09-14 09:55 时间脱臼 阅读(356) 评论(0) 推荐(0)
git常用配置
摘要：Git 配置 1、生成密钥 执行：ssh-keygen -t rsa -b 4096 -C "youxiang@youxiang.com" 生成钥的时候需要输入密码，这里默认写12345，后面clone代码的时候需要用到。 执行结果如下所示： 生成的密钥目录如下： 2、把公钥上传到服务器 用文本文件 阅读全文
posted @ 2018-09-06 17:02 时间脱臼 阅读(703) 评论(0) 推荐(0)
vue 使用gojs绘制简单的流程图
摘要：在vue项目中需要展示工作流进度,可以使用的流程图插件很多 flowchart.js http://adrai.github.io/flowchart.js/ , 基于SVG创建Flow Chart go.js http://www.gojs.net/latest/index.html go.js 阅读全文
posted @ 2018-09-06 11:40 时间脱臼 阅读(26207) 评论(0) 推荐(0)