Homer_Simpson的博客

因业务需求，需要用到3d漏斗图，之前项目中一直用的echarts，没有找到3d的，于是开始踩坑HighCharts。npm install highcharts --savenpm install highcharts-vueMain.js中全局注册（也可采用局部注册的形式），见官方文档，传送门：import Vue from 'vue'import Highcharts from 'highcharts'import HighchartsVue from 'highcharts-vue'

转自https://www.jianshu.com/p/eedfe892accc

封装了一个公共菜单按钮，点击展开菜单项。调用方法 <side-menu @tabMenu="tabMenu":tabs="menuTabs"></side-menu>传入一个menuTabs对象数组，绑定一个tabMenu点击事件，子组件通过点击事件tabMenu emit 触发父组件的tabMenu，并将点击时的name传给父组件，父组件拿到name，根据不同的...

为了避免双向绑定在项目中容易造成的数据混乱，vue2.0 取消了props 的双向绑定，改成只能从父级传到子级的单向数据流。第一次在项目中遇到这样的问题，这里做一下记录。百度了一下，发现了常见的两种方式：通过创建一个props属性的副本，watch props属性 赋予data副本 来同步组件外对props的修改，watch data副本，emit一个函数 通知到组件外通过v-mod...

发现一个很实用的vue组件，最近做项目遇到一种常见的需要，虽说常见但是自己没有试着写过，然后去网上找了一下。需求图如下：下面的导航栏内容太多需要做成滑动的下面介绍一下我用到的这个组件：git地址根据操作引入组件即可，最终达成的效果如下动图所示。如果你有去尝试使用这个组件，发现真的是好用极了，不得不说开发这个组件的大佬真的是tql！！！在试图的切换方面作者也是提供了两种思路：1.使...

上一篇文章介绍了一个好用的组件ly-tab，可以用于滑动、自动定位的导航，但是无法配置图标，比如我想做成下面这种效果，就没有可以配置的选项，查看了改组件的文档发现，导航底部固定的时候无法滚动。本来是想在源码的基础上改改的，但自己能力太薄弱，感觉不好改，于是我就借助作者写这个组件的思路，写了一个类似的功能出来，目前还没封装，也有一点小bug，不过已经满足了UI的需求了哈哈，下面看效果图。看完下面...

用<router-link>做导航引发的选中图标不高亮bug；如图所示：引发bug的情况：在子路由中使用<router-link>组件，在切换<router-view>时导致选项不高亮。百思不得其解，百度说是路由配置方法不对，这里给出另外一种经过实践可用的方法。解决方案：在父组件中监听子路由变化，动态的给父组件选中的标签加上高亮class。代码：...

今天做跨域登录功能遇到这个问题(后端已做跨域处理)：当跨域请求为post时候，请求的method变为了options。其实跨域分为 简单跨域请求和复杂跨域请求：简单跨域请求是不会发送options请求的复杂跨域请求会发送一个预检请求options复杂跨域请求要满足以下：1、请求方法不是GET/HEAD/POST2、POST请求的Content-Type并非application/x...

最近遇到一个问题，在vue的data数据中心定义一个对象obj，然后在触发事件时给obj添加或修改属性的时候，页面中的视图不会同步更新，只有当其他数据发生改变时，视图才会同步更新数据，按理来说vue data数据中心的数据是双向绑定的，当数据中心的数据发生改变时，视图就会同步更新才对。后来通过查阅官网资料发现：Vue 不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性执行 g...

转发在使用vue脚手架做页面的时候，发现一个小bug…当你在一个页面的中间位置点击按钮进行组件跳转的时候，你会发现，你跳转到的新页面不是从顶部开始显示，而是在上一个页面点击按钮的位置显示在你视口的正中间，所以这就违背了我们网页开发的正常逻辑，针对以上发现的问题，我采取了一下解决办法，几行代码轻松搞定~话不多说，上代码：1.methods里面直接写一个函数：（函数名随便叫）menu() {...

背景：由于浏览器回退会导致vue页面刷新。尤其是在遇到这种情况时，会引起不好的用户体验：从可翻页的列表页进入详情页，通过浏览器回退会导致页面刷新，导致翻页page变为第一页。首先介绍我使用的翻页方法，vue翻页插件：v-infinite-scroll<div class="bottom_content"> <no-data style="margin-top...