08 2020 档案

vue-vant实现IndexBar索引栏
摘要：vant是一款基于vue的移动端组件库,比如类似手机电话簿、城市的字母索引栏，下面介绍一下数据处理以及实现索引栏 1、效果图如下： 2、数据格式化前后对比 格式化之前(即一般后台请求的数据) 格式化之后，将数据按开头字母进行分类 3、数据格式化的方法 let cityName = {}; //循环2 阅读全文
posted @ 2020-08-20 09:51 飘逸_winxin 阅读(8992) 评论(2) 推荐(1) 编辑
vuecli4+elementui实现面包屑
摘要：本文使用watch监听路由信息对象$route动态改变面包屑 参数separator设置间隔符号 //elementui面包屑原始结构 <el-breadcrumb separator="/"> <el-breadcrumb-item :to="{ path: '/' }">首页</el-bread 阅读全文
posted @ 2020-08-15 10:36 飘逸_winxin 阅读(3812) 评论(0) 推荐(0) 编辑
vue-路由导航(守卫)那些事
摘要：在项目开发过程中，有些逻辑需要使用到路由守卫，例如未登录情况下强制跳转到登陆页面、路由重定向 一、路由导航种类 1、全局前置守卫 beforeEach 2、全局后置守卫 afterEach 3、路由独享守卫 beforeEnter //用的较多 4、组件进入守卫 beforeRouteEnter / 阅读全文
posted @ 2020-08-13 20:42 飘逸_winxin 阅读(204) 评论(0) 推荐(0) 编辑
vue-vant中ImagePreview 图片预览正确的打开方式
摘要：在使用vue的过程中，vant在移动端的地位还是很高的，本文简单介绍一下如何在自己项目中实现ImagePreview图片预览效果，获取图片索引,点击哪一张就预览哪一张 一、效果图如下： 二、实现步骤，分为3步 1、局部注册ImagePreview import { ImagePreview } fr 阅读全文
posted @ 2020-08-13 20:12 飘逸_winxin 阅读(8879) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示