随笔分类 - vueJs 2.0
vue2 基础及应用
摘要：在最近的项目中，返回上一页没有效果，经过好久的排查才发现问题，是路由守卫写法不规范导致。 在项目中用路由守卫做了登录拦截，没登录的跳转到登录页面。页面跳转和拦截都没问题，但是返回上一页就不行了，也没有报错。 代码贴上来 本来以为next()的作用就是下一步跳转页面，后来发现，不能正常返回上一页，就是
阅读全文
摘要：使用方法： 引入并注册组件，然后直接使用； @getcode是同步获取编辑器内容的；:contentDefault是编辑器的默认内容； 注意：如果同一个页面多个编辑器，参数id不能相同，否则只有第一个编辑器有样式； 封装组件： 工具栏可以自己添加配置，看自己项目需求
阅读全文
摘要：资源相对引用路径 问题描述 一般情况下，通过webpack+vuecli默认打包的css、js等资源，路径都是绝对的。 但当部署到带有文件夹的项目中，这种绝对路径就会出现问题，因为把配置的static文件夹当成了根路径，那么要解决这种问题，就得引用相对路径。 解决办法 打开webpack.prod.
阅读全文
摘要：最近做后台管理，需要用到图片裁剪，这个组件很好用，记录一下。 工作太忙，就不总结了。 链接分享：https://github.com/xyxiao001/vue-cropper
阅读全文
摘要：1.路由介绍 vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径
阅读全文
摘要：在vue1.0中，组件之间的通信主要通过vm.$dispatch沿着父链向上传播和用vm.$broadcast向下广播来实现。然而在vue2.0中，已经废除了这种用法。 vuex加入后，对组件之间的通信有了更加清晰的操作，对于中大型的项目来说，一开始就把vuex的使用计划在内是明智的选择。 然而在一
阅读全文
摘要：项目是vue项目，直接贴部分代码了： html: js:
阅读全文
摘要：解决办法1：（IOS兼容性有问题，不推荐使用） 解决办法2：使用node的qs模块，推荐使用
阅读全文
摘要：路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。 对此，vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫（navigation-guards）。 导航守卫（navigation-guards）这个名字，听起来怪怪的，但既然官方文档是这样翻译的，就姑且这么
阅读全文
摘要：方案一： 方案一，需要对应路由配置如下： 很显然，需要在path中添加/:id来对应 $router.push 中path携带的参数。在子组件中可以使用来获取传递的参数值。 方案二： 父组件中：通过路由属性中的name来确定匹配的路由，通过params来传递参数。 对应路由配置: 注意这里不能使用:
阅读全文
摘要：进入 router 文件夹底下的index.js文件 首先引入： 然后在路由里面配置每个路由的地址： 在每一个meta里面设置页面的title名字，最后在遍历 这样就为每一个VUE 的页面添加了title
阅读全文
摘要：最近做一个移动端项目，弹框写的比较麻烦，查找资料，找到了这个组件，但是说明文档比较少，自己研究了下，把我碰到的错，和详细用法分享给大家！有疑问可以打开组件看一看，这个组件是仿layer-mobile的，很多用法都一样，可以看看哦！ 一、npm 安装 二、调整配置：因为这个组件中有woff,ttf,e
阅读全文
摘要：错误说明：在切换路由以后，依旧在其他页面触发了scroll有关的函数， 错误原因：在spa项目中，window对象是不变的，所以每次使用后需要销毁。 解决办法：vue的生命周期destroyed中销毁就可以了 js方法封装： 引入： 使用：
阅读全文
摘要：1、链接传参： 例如：链接是：http://localhost:3333/#/index?id=001 我们要获取参数：console.log(this.$route.query.id)；即可 2、路由传参： (一、显示在url中) main.js params传值是通过 :[参数值] 如path:
阅读全文
摘要：做一个小项目，需要瀑布流，就选他了，先看看效果 组件的使用： vue-waterfall-easy.vue组件
阅读全文
摘要：1.父组件传递数据给子组件 父组件数据如何传递给子组件呢？可以通过props属性来实现 父组件： 子组件通过props来接收数据: 方式1： 方式2 : 方式3： 这样呢，就实现了父组件向子组件传递数据. 2.子组件与父组件通信 那么，如果子组件想要改变数据呢？这在vue中是不允许的，因为vue只允
阅读全文
摘要：1、在配置路由并引入组件后，报错： Unknown custom element: <router-link> - did you register the component correctly? For recursive components, make sure to provide the
阅读全文
摘要：调用自定义指令：v-scroll="fn()"
阅读全文
摘要：03-01 vue的生存周期-钩子函数 03-02 vue的计算属性一 03-03 vue的计算属性二 03-04 vue的简单方法 03-04 vue的循环索引：track_by="$index"
阅读全文
