随笔分类 -  vue

vue相关记录
Vue 富文本wangEditor3 (自动保存 快捷保存 激活工具栏...
摘要：当我们需要传递一段特定的带文字样式 如粗体 下划线 斜体 颜色等这一类的内容给到后台，这个时候为了能够统一制定规范 机制 增加项目的复用 易用 好用 性。 我使用到了 富文本编辑器 。这里使用到的是第三版本 较以往多在事件 样式 兼容上作区别 技术 ： Vue + wangEditor3 首先 我们 阅读全文
posted @ 2019-03-06 16:22 三行代码 阅读(3456) 评论(0) 推荐(0)
封装Vue轮播图
摘要：slot 生命周期 操作dom在mounted 操作数据在created 操作数据也可以放在mounted $nextTick 上面的执行 下面的才会更新 v-once 只渲染一次dom 加上datasorce.length>0 有内容才执行 Vue不考虑IE的兼容 只支持IE8以上 为什么不在in 阅读全文
posted @ 2019-02-18 17:50 三行代码 阅读(2161) 评论(0) 推荐(0)
vue 动态添加 删除 属性
摘要：添加 this.$set(res.data,"obj"，value); 删除this.$delete(res.data,"obj",添加的属性 可空); 阅读全文
posted @ 2019-02-15 17:47 三行代码 阅读(672) 评论(0) 推荐(0)
Vue 下 浏览器 点击实现复制功能
摘要：挣脱家的怀抱 回归出租房 淡去一身年味 你我 依旧 仍是 打工仔 哈哈哈 2-13 开工大吉 效果示例 实现技术 clipboard clipboard 优势 独立不依赖Flash 轻量化 压缩后仅3kb. 安装 可以通过 npm 来安装它。 npm install clipboard --save 阅读全文
posted @ 2019-02-15 15:35 三行代码 阅读(2272) 评论(0) 推荐(0)
搭建简易的Vue项目
摘要：首先查看自己的node版本号 最好6以上 避免不必要的报错 全局安装 npm install -g vue-cli 安装完 进入项目文件夹 回车进入终端 vue init webpack 项目名称不可包含大写字母 创建项目，需输入项目名称、描述、作者、打包方式、是否使用ESLint规范代码等，见上图 阅读全文
posted @ 2018-12-13 14:25 三行代码 阅读(508) 评论(0) 推荐(0)
vue 点击弹出下拉菜单 点击其他页面收回菜单
摘要：由于elementUI的下拉菜单在项目中表现得不尽人意 （定位的原因） 于是 决定自己 整一个 小而美 理清下面几种情况就妥了 出现前 出现后 点击后 出现后未点击选项（点击空白页） 还是直接放码过来 show you my code吧~~~ 直接上点击空白（其他）页面 选项框收回 代码吧 思路：直 阅读全文
posted @ 2018-11-26 17:20 三行代码 阅读(14516) 评论(1) 推荐(1)
vue 细节 规范（只要不断片，持续的更新.....）
摘要：1************涉及到数据请求刷新 组件上使用v-if控制是否呼出该组件 v-show出现的问题即是数据请求一次发生改变之后 组件隐藏 数据不会动态刷新 再次呼出数据是第一次请求d show 控制的单纯的css display属性 if 组件会整个重新渲染一遍 2************组 阅读全文
posted @ 2018-11-21 10:46 三行代码 阅读(281) 评论(0) 推荐(0)
@click.self
摘要：官网解释 测试Demo 三个Div 大中小 俄罗斯套娃 ①绑定同一个事件名，未加.stop / .self 点击单个div 输出被点击的Div 点击最小的div 结果： 一直冒泡到最外层大div 点击中等的div 结果： 同上 点击最外层大div 结果：同上 总结 ： 可以看出在事件冒泡的作用下，子 阅读全文
posted @ 2018-10-26 15:52 三行代码 阅读(6807) 评论(0) 推荐(0)
vue +Element UI 原生音乐播放器 （修复已有小bug）
摘要：继上次的vue-aplayer 栽倒在我手上 bug连连 崩溃边缘压力之下 决心自己撸一个 直到遇到它 audio标签 希望之火再度点燃 开撸 技术点 vue + element UI 主要实现 1：点击音乐列表 播放相应音乐 2：播放 暂停 拖动快进 点击快进 3：时长各种更新 话不多说 样子捏出 阅读全文
posted @ 2018-10-23 17:28 三行代码 阅读(3864) 评论(0) 推荐(1)
vue 项目中 下载保存文件（MP3）
摘要：前面解决了 a标down属性 down不下来的问题。今天来说一下遇到的下载mp3文件的需求。解决图片跨域 用到了canvas。那么mp3格式的文件，可以采用哪些方式down下来呢。 1 form 表单 action 为下载地址 但是form表单有大小限制 对于不固定大小的MP3格式文件明显不友好。 阅读全文
posted @ 2018-09-30 16:22 三行代码 阅读(9740) 评论(1) 推荐(1)
解决图片跨域
摘要：问题：下载图片 使用a标签的download 点击之后 跳转新页面 打开了预览图片 hack: 失败： Origin 'http://localhost:9527' is therefore not allowed access.has been blocked by CORS policy: No 阅读全文
posted @ 2018-09-27 16:46 三行代码 阅读(2048) 评论(0) 推荐(0)