随笔分类 -  vue

摘要:1.前言 目前我主要负责的是公司的营销活动类项目,基本都是直接面向用户端的,并且JS也没有如后端一样有完善的日志系统,因此线上的各种bug都非常难以迅速定位。在加入错误日志收集前,每次报告bug都要劳烦用户协助开发人员进行bug定位,这一方面对用户极不友好,同时也加大了Bug定位的难度;因此我们需要 阅读全文
posted @ 2020-12-09 18:10 苍青浪 阅读(1460) 评论(0) 推荐(0) 编辑
摘要:简单说一下准备工作 安装 photo-sphere-viewer依赖 npm install photo-sphere-viewer --save 在你需要用到的页面引入文件 import PhotoSphereViewer from 'photo-sphere-viewer' import 'ph 阅读全文
posted @ 2020-03-27 17:53 苍青浪 阅读(7758) 评论(0) 推荐(0) 编辑
摘要:名词解释 inheritAttrs: 默认情况下父作用域的不被认作 props 的特性绑定 (attribute bindings) 将会“回退”且作为普通的 HTML 特性应用在子组件的根元素上。当撰写包裹一个目标元素或另一个组件的组件时,这可能不会总是符合预期行为。通过设置 inheritAtt 阅读全文
posted @ 2020-03-11 13:49 苍青浪 阅读(5537) 评论(0) 推荐(2) 编辑
摘要:在vue的学习过程中,我发现过滤器是一个很好用的工具,过滤器(Filters)来渲染数据是一种很有趣的方式。过滤器不能替代Vue中的methods、computed或者watch,不改变真正的data,而只是改变渲染的结果,并返回过滤后的版本。在很多不同的情况下,过滤器都是有用的,比如尽可能保持AP 阅读全文
posted @ 2019-10-18 12:54 苍青浪 阅读(4382) 评论(1) 推荐(2) 编辑
摘要:env文件 配置四个环境名字分别 VUE_APP_ENV=dev 只支持:VUE_APP_ 开头,比如设置其它变量 VUE_APP_NAME=stark package.json 配置 方式 "scripts": { "start": "npm run dev", "serve": "vue-cli 阅读全文
posted @ 2019-09-18 09:39 苍青浪 阅读(7902) 评论(0) 推荐(1) 编辑
摘要:前言 我们经常会有需求,希望能获取的到当前用户的IP地址,而IP又分为公网ip(也称外网)和私网IP(也称内网IP),IP地址是IP协议提供的一种统一的地址格式,每台设备都设定了一个唯一的IP地址”,从而确保了用户在连网的计算机上操作时,能够快速地从互联网中找到自己所需的对象。 外网IP和内网IP的 阅读全文
posted @ 2019-08-06 12:57 苍青浪 阅读(15441) 评论(2) 推荐(0) 编辑
摘要:基于vuex, vue-router,vuex的权限控制教程,完整代码地址见 https://github.com/linrunzheng/vue-permission-control 接下来让我们模拟一个普通用户打开网站的过程,一步一步的走完整个流程。 首先从打开本地的服务localhost:80 阅读全文
posted @ 2019-07-30 09:55 苍青浪 阅读(1171) 评论(0) 推荐(1) 编辑
摘要:element-ui对话框可拖拽及边界处理 应业务需求,需要实现对话框可拖拽问题,应element-ui没有提供官方支持,于是便参考大神的文章,得出了适合业务需要的解决方案。很多大神给出的代码是没有解决边界问题的,但是不解决边界问题存在一个bug,拖到不可视区域后边再也拖不回来了,不信你们可以试试。 阅读全文
posted @ 2019-07-01 17:20 苍青浪 阅读(13201) 评论(5) 推荐(2) 编辑
摘要:最近在使用vuedraggable做导航时候,谷歌拖拽是没问题的,但是在火狐测试时候,拖拽时候是可以成功,但是火狐还是打开了一个新的tab,并且搜索了,一开始想着是阻止默认行为,但是在@end时间中阻止了默认行为,使用vue的.prevent.stop也是不行, 后来各种搜索后在这里才找到答案 传送 阅读全文
posted @ 2019-06-25 18:15 苍青浪 阅读(1237) 评论(0) 推荐(0) 编辑
摘要:v-viewer 用于图片浏览的Vue组件,支持旋转、缩放、翻转等操作,基于viewer.js。 从0.x迁移 你需要做的唯一改动就是手动引入样式文件: 1 import 'viewerjs/dist/viewer.css' 安装 使用npm命令安装 1 npm install v-viewer 使 阅读全文
posted @ 2019-05-23 15:31 苍青浪 阅读(8268) 评论(0) 推荐(1) 编辑
摘要:我的项目是用vue提供的vue-cil脚手架生成的项目,但是当我在项目中使用async/await,编译代码的的时候报了regeneratorRuntime is not defined的错,我查过资料,是因为你的项目中没有使用transform-runtime将es6抓换成es5 注意:不建议使用 阅读全文
posted @ 2019-03-21 17:40 苍青浪 阅读(8966) 评论(3) 推荐(0) 编辑
摘要:用了Vue也一年多了,虽然对大部分内容都比较熟悉,但有些用法可能会起到意想不到的作用。 今天在做一个关于抽奖的需求,要求是每次点击编辑按钮显示编辑框,要求自动聚焦。 一开始想到了autofocus属性,结果发现每次只有刷新页面的第一次会生效,之后无论怎么点击都不能自动聚焦,于是网上查了很多资料, 最 阅读全文
posted @ 2019-01-03 18:09 苍青浪 阅读(7638) 评论(0) 推荐(1) 编辑
摘要:1、原理 Vue的双向数据绑定的原理相信大家也都十分了解了,主要是通过 Object对象的defineProperty属性,重写data的set和get函数来实现的,这里对原理不做过多描述,主要还是来实现一个实例。为了使代码更加的清晰,这里只会实现最基本的内容,主要实现v-model,v-bind 阅读全文
posted @ 2018-10-16 23:59 苍青浪 阅读(341) 评论(0) 推荐(0) 编辑
摘要:“导航”表示路由正在发生改变。 正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。 记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察 $route 对象来应对这些变化,或使用  阅读全文
posted @ 2018-07-04 16:28 苍青浪 阅读(371) 评论(0) 推荐(0) 编辑
摘要:在做项目的过程中,目前主要遇到了以下几个问题: 一.样式问题 1.样式中使用scoped的问题: 主要表现在从一个页面跳到另一个页面时,第二个页面的样式不能正确显示,通过刷新才能恢复页面的预定样式。 究其原因,是因为如果浏览器在加载了上一个页面的样式时,在跳到第二个页面时,css样式文件是懒加载的, 阅读全文
posted @ 2018-01-08 09:38 苍青浪 阅读(1708) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示
哥伦布
03:14发布
哥伦布
03:14发布
7°
多云
西南风
3级
空气质量
相对湿度
64%
今天
多云
-1°/10°
周三
小雨
2°/12°
周四
中雨
2°/14°