挖坑指南: canvas元素的宽高属性和css中的宽高(大型翻车现场..)

前言 在微信小程序中做分享海报, 需要绘制 canvas,设置图片 100% 占满元素, 作为海报的背景。 开始 文档翻一翻, canvas.drawImage() 一把梭, 呃呃呃…发现背景图片没有按照原图 100% 平铺, 而是只取了部分, 变形了 实践 装X失败, 还是仔仔细细看看文档 dr...

2019-01-11 12:13:57

阅读数 85

评论数 0

挖坑指南: 微信小程序this.setData({ })的骚操作

如果想设置 this.data.filter.Room 的值, 无法直接通过动态 key 的方式设置 selectedFilterItem(e) { var dataset = e.currentTarget.dataset this.setData({ // 直接使用变量的形式是...

2019-01-05 10:57:07

阅读数 89

评论数 0

记一次重大事故:愿我们一生温暖纯良,不舍爱与自由~

前言 在较早的时候, mpvue 刚出道, 试了一下坑, 在博客中记录了下来, 希望给之后入坑的人一个简单参考。后期随着 mpvue 的发展, 文章阅读数也越来越多。但是呢, mpvue 的发展也带来了新的问题, 文章写于早期, 其中的一些方式方法可能不具备实际的指导意义。 在文中有放自己的二维码...

2018-12-22 10:29:58

阅读数 266

评论数 0

挖坑指南:vue刷新某个路由就404了,咋办?

前言 单页后台,上传到线上,在某个路由刷新时就报错404。 开始 为什么会出现这样的问题呢? 配置路由时,设置了访问模式为mode: 'history';而后端是无法判断这是一个前端路由的。它会按照路径去找相应的资源,但是在服务器中并不存在,所以...404 实践 我们找到官方的文...

2018-11-19 17:30:43

阅读数 460

评论数 0

挖坑指南:如何在引用的外部js文件中获取vue页面实例?(独家)

前言 在基于iView的后台项目中,表格组件是我们的老朋友了。实现如下的效果更是最基本的需求: 开始 在iView早期1.x的版本(其实在~2.0.0-rc.7也能使用),想要渲染这样的效果,代码如下: 升级2.x后,Table组件的render()也作了更改: vue官...

2018-11-19 08:54:53

阅读数 2255

评论数 0

挖坑指南:在vuex的多个module中的getters里存在相同的方法名,使用mapGetters会报错?

前言 其实这个标题就是我们今天要谈论的话题。 开始 在vuex中有多个module是很正常滴,为了方便管理呢,我们有些module中使用了相同的名称。那么,在使用时,就会报错啦~ 实践 其实在vuex的官网,已经为我们描述过啦~ vuex:https://vuex.vuejs.org/...

2018-11-17 08:30:01

阅读数 1115

评论数 0

挖坑指南:[Vue warn]: Avoid using non-primitive value as key, use string/number value instead

开始 报错信息:[Vue warn]: Avoid using non-primitive value as key, use string/number value instead 实践 原因: 在v-for遍历时,将item作为:key的值,而遍历出来的item恰巧是一个对象。 解决:...

2018-11-16 18:02:13

阅读数 286

评论数 0

挖坑指南:iView Select的Option@click事件无效

前言 日常挖坑。。 开始 上车。。 实践 bug描述:Select组件,设置了filterable和remote,前端启用模糊查询。期望在用户选择某一结果项时,获取选择的对象。给Option绑定了点击事件,但是并未生效。 为什么呢? 应该是组件自身做了事件监听。 那该怎么办呢? ...

2018-11-15 16:12:50

阅读数 1177

评论数 0

挖坑指南:iView-admin动态配置route.meta.title(独家)

前言 新的项目,基于iView-admin。结合自身的项目需求,对官方的模板进行一些修改。以达到动态修改route.meta,并同步更新面包屑导航文字和标签页标题。 开始 如果你还未使用过iView-admin或者正在上路,那我们先来看看项目的需求以及遇到的问题。 那应该如何解决这个问...

2018-11-14 16:03:15

阅读数 2492

评论数 5

挖坑指南:ESLint + VS Code自动格式化代码

前言 最近在整理公司的之前的项目,对整个产品线进行梳理重构。由于项目的编码人员换了好几拨,每个人编码又各有各的风格。现在在重新翻看,可读性很差。考虑到后期项目的扩展,以及对现有项目的优化,决定对代码进行整理,并统一使用ESLint进行规范约束。 开始 “编码一时爽,重构火葬场。” 刚开...

2018-11-10 17:02:47

阅读数 3728

评论数 0

挖坑指南:如何查看npm -g全局安装的包

npm list -g depth 0 嘘寒问暖 不如打笔巨款~

2018-11-10 12:08:09

阅读数 206

评论数 1

挖坑指南:如何通过事件动态地切换iView的Tabs(v-bind与v-model的区别)

前言 iView的官方文档算是很详细的了,但是如果我们没有一定的编程经验,看文档也是一件令人困惑的事情。 Tabs官方文档:http://v2.iviewui.com/components/tabs#API 开始 先来看看项目的需求 看看官方文档为我们提供的接口 有了这些基本就可以...

2018-11-03 12:22:22

阅读数 5244

评论数 0

挖坑指南:iView表单 日期校验出错

前言 表单数据的验证在前端是很有必要的,它是数据的第一道过滤。可以避免一些错误的发生 开始 先看看我们的使用 虽然iView的官方已经更新到3.0的版本了,但是目前项目中使用的还是2.0的版本。 官方的文档:http://v2.iviewui.com/components/form ...

2018-11-02 18:02:47

阅读数 706

评论数 0

挖坑指南:[Vue warn]: Invalid prop: custom validator check failed for prop "XXX".

前言 表单表单,开发后台尽是表单。话不多说,先看看问题吧。 开始 这个项目呢,是使用了iView UI框架。开始查找网上类似的问题。type排查了一遍,最后发现是Input组件的type赋值为number。而官方支持的呢,如下 好吧~ 开发中遇到各种各样的大问题小问题是难免的,关...

2018-11-02 09:51:38

阅读数 3026

评论数 0

Vue: keep-alive在项目中的应用

前言 上图看看项目基本情况。 再次用文字简单地描述一下,左侧是公司的组织架构图。选择部门,在右侧展示对应的部门名称以及部门的子部门和成员数据。左侧是固定的,右侧的内容包含两部分,面包屑导航和子路由(初始时是默认路由/companyStructure/structureIndex)。由于每个页面...

2018-11-01 11:03:57

阅读数 168

评论数 0

Vue挖坑指南:[vue-router] Named Route 'XXX' has a default child route.

前言 OA系统,使用了路由的嵌套,希望在访问子模块时,默认加载模块的默认路由。即为子模块设置默认路由 。 开始 我们先来看看,如何为子模块设置默认的路由。 这样写,会出现什么问题呢?打开控制台看看。 实践 vue-router给我们报了两个警告,我们一个一个来看。 第一个:[vu...

2018-11-01 09:02:28

阅读数 740

评论数 1

Vue挖坑指南: 如何在main.js中修改vuex中的值?

直接上图吧~好 总结 就是这么任性~嘻嘻(*^__^*) 嘻嘻…… 嘘寒问暖 不如打笔巨款~

2018-10-31 16:56:47

阅读数 1785

评论数 0

Vue: export default中的name属性到底有啥作用呢?

前言 又开始一个全新的项目,每天都要元气满满呀~在划分模块和创建单页面组件时,常常写到name。嵌套路由中,index.vue极为常见,那么在vue中,export default { name: 'xxx'} 中的name到底有啥作用呢? 开始 还是先回到官方的文档:https://cn....

2018-10-31 11:08:01

阅读数 12793

评论数 0

前端进阶:vue中的computed和watch的异同

前言 心情很忐忑,当我写下这个标题。想起年初时在杭州求职,电面了一家武汉的公司,面试官就抛了这样一个问题。那时候还懵懵懂懂,就知道如何使用,并没有太清楚两者的区别。 开始 有时候写这些东西,真的怕误导了一些人,以下描述的异同,只是我个人的观点。如果有什么不当之处,还望各位博友指出~感谢 最...

2018-10-23 18:12:16

阅读数 106

评论数 0

挖坑指南:npm ERR! write after end

前言 团队的项目,昨天还是好好滴,但是呢,github挂了,提交不了代码。晚上其他成员上传了代码,今天决定重新提交。 开始 提交时发生冲突,回退了一下版本。 // 获取历史版本id git log --pretty=oneline // 回退到指定的版本 git reset --hard...

2018-10-23 10:14:50

阅读数 772

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭