Vue
文章平均质量分 56
車句
行好事 莫问前程
展开
-
vue-awesome-swiper(基于swiper4),事件回调中获取vue对象
原文链接前言在vue项目中,使用vue-awesome-swiper实现轮播业务。安装的vue-awesome-swiper是最新版本的,基于swiper4的实现。问题在最新的swiper中,swiper绑定的事件中,是通过this指向当前swiper对象的。而在事件回调中,我们需要获取vue页面data中的数据。但是此时的this并不指向vue对象。解决HTML:&...原创 2018-08-10 11:44:46 · 21745 阅读 · 7 评论 -
Vue: export default中的name属性到底有啥作用呢?
原文链接前言又开始一个全新的项目,每天都要元气满满呀~在划分模块和创建单页面组件时,常常写到name。嵌套路由中,index.vue极为常见,那么在vue中,export default { name: 'xxx'} 中的name到底有啥作用呢?开始还是先回到官方的文档:https://cn.vuejs.org/v2/api/#name官方文档已经给我们描述了两种使用情况,...原创 2018-10-31 11:08:01 · 85170 阅读 · 2 评论 -
Vue挖坑指南: 如何在main.js中修改vuex中的值?
直接上图吧~好总结就是这么任性~嘻嘻(*^__^*) 嘻嘻……嘘寒问暖 不如打笔巨款~原创 2018-10-31 16:56:47 · 8694 阅读 · 0 评论 -
Vue挖坑指南:[vue-router] Named Route 'XXX' has a default child route.
前言OA系统,使用了路由的嵌套,希望在访问子模块时,默认加载模块的默认路由。即为子模块设置默认路由 。开始我们先来看看,如何为子模块设置默认的路由。这样写,会出现什么问题呢?打开控制台看看。实践vue-router给我们报了两个警告,我们一个一个来看。第一个:[vue-router] Named Route 'companyStructure' has a def...原创 2018-11-01 09:02:28 · 11709 阅读 · 4 评论 -
Vue: keep-alive在项目中的应用
前言上图看看项目基本情况。再次用文字简单地描述一下,左侧是公司的组织架构图。选择部门,在右侧展示对应的部门名称以及部门的子部门和成员数据。左侧是固定的,右侧的内容包含两部分,面包屑导航和子路由(初始时是默认路由/companyStructure/structureIndex)。由于每个页面都需要面包屑导航,就把它写在路由外,统一管理。在面包屑导航中,点击对应的导航可以回到相应的页面。...原创 2018-11-01 11:03:57 · 1275 阅读 · 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恰巧是一个对象。解决:循环时添加index,或者将item.key对象中的某一项的值作为key。总结嘘寒问暖 不如打...原创 2018-11-16 18:02:13 · 6508 阅读 · 0 评论 -
挖坑指南:在vuex的多个module中的getters里存在相同的方法名,使用mapGetters会报错?
原文链接前言其实这个标题就是我们今天要谈论的话题。开始在vuex中有多个module是很正常滴,为了方便管理呢,我们有些module中使用了相同的名称。那么,在使用时,就会报错啦~实践其实在vuex的官网,已经为我们描述过啦~vuex:https://vuex.vuejs.org/zh/guide/modules.html#%E5%91%BD%E5%90%8D%E7%A...原创 2018-11-17 08:30:01 · 7982 阅读 · 1 评论 -
挖坑指南:vue刷新某个路由就404了,咋办?
前言单页后台,上传到线上,在某个路由刷新时就报错404。开始为什么会出现这样的问题呢?配置路由时,设置了访问模式为mode: 'history';而后端是无法判断这是一个前端路由的。它会按照路径去找相应的资源,但是在服务器中并不存在,所以...404实践我们找到官方的文档看看:https://router.vuejs.org/zh/guide/essentials/h...原创 2018-11-19 17:30:43 · 4729 阅读 · 0 评论 -
挖坑指南:如何在引用的外部js文件中获取vue页面实例?(独家)
原文链接前言在基于iView的后台项目中,表格组件是我们的老朋友了。实现如下的效果更是最基本的需求:开始在iView早期1.x的版本(其实在~2.0.0-rc.7也能使用),想要渲染这样的效果,代码如下:升级2.x后,Table组件的render()也作了更改:vue官方文档(render()):https://cn.vuejs.org/v2/guide/...原创 2018-11-19 08:54:53 · 12834 阅读 · 0 评论