前端经验

Vue中使用swiper轮播图的正确姿势

相信很多朋友都和我一样在Vue中使用swiper遇到过很多问题,首先swiper轮播图,确实很强大,集成了各种功能,几乎包含了各类型轮播图的需求,点击切换,鼠标滚轮控制切换等交互做的...

前端经验

在uniapp中使用Vuex的方法

在uniapp中使用Vuex并不像Vue一样需要安装什么的,uniapp中已经为我们内置了Vuex的使用环境,我们只需要建立相关文件并引入就OK了,下面上代码及uniapp的完整H5实例。 首先在根目录下创建...

前端经验

element递归菜单导航折叠后文字不隐藏

先分析下为什么不隐藏,因为在你使用递归写element的导航时会使用递归调用组件,而在vue的最外层要用div等标签将所有模板包含起来,这就导致导航在递归渲染时会多出很多div标签,导...

前端经验

Echarts柱状图添加点击事件

Echarts柱状图添加点击事件,点击后可调用其他事件,比如与其他图表做关联等,下面上代码。 以下是实际代码, myChart是你的图表示例变量名称,此方法写在 option外, option代表你图例...

前端经验

vue全局组件和局部组件的写法

vue组件有两种,一种是全局组件,一种是局部组件。整个项目经常用到的用全局写法,用到比较少的专供特定页面用的使用局部组件。 全局组件引入写法:在项目的main.js中: import Vu...

前端经验

解决Vue打包发布后刷新404问题

出现这个问题是因为前端配置了 history模式,此模式下需要配置服务器,此时只要将history改为hash即可,直观的区别便是浏览器上的地址会多一个#符号,下面是官网文档,可做了解。...

前端经验

echarts加阈值,上限下限虚线

option = { xAxis: { type : category , data: [ Mon , Tue , Wed , Thu , Fri , Sat , Sun ] }, yAxis: { type : value }, series: [{ data: [820, 932, 901, 934, 1290, 1330, 1320], type : line , markLine : { symbol: none , //去掉警戒线最后面的...

前端经验

Vue深度监听对象与数组

这是Vue开发中肯定会遇到的一个问题,就是当我们监听一个对象或数组且数据改变时不会触发监听事件,这是因为存储问题,普通的监只能监听普通的字段,例如监a这个变量的值是否发...