![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
weixin_42542422
这个作者很懒,什么都没留下…
展开
-
VUE中关于this.$router.push 地址更新页面不跳转的问题
今天用vue做了一个登陆和注册的页面<div class="btn-box"> <a href="javascript:;" class="btn" @click="login">登录</a> </div> <div class="tips"> <div class="sms" @click="register">手机短信登录/注册</div原创 2020-06-17 16:06:54 · 19730 阅读 · 4 评论 -
开发时,模拟数据的三种方式.
在前端开发的时候,往往需要数据来测试模块的性能.所以就需要模拟数据模拟数据一般有三种,第一种就是本地创建json文件vue开发项目中,创建json文件一般放在静态文件夹里,但因此也有一个隐藏的坑,使用vuecli生成项目的时候会生成一个static文件夹,本地mock数据就是放在这个文件夹里的.用一下方法获得数据.this.axios.get('/static/mock/user/login.json').then((res) => { this.res = res原创 2020-06-15 22:00:48 · 1356 阅读 · 0 评论 -
VUE中实现树状多层菜单栏
在开发中,经常会遇到很多一级菜单栏,点开有嵌套二级菜单栏,有的选项还可以继续点开,有三级菜单甚至更多级别的菜单.以下做一个简单的多层次菜单栏<template> <div> <div class="item" v-for="(item, index) in list" :key="index"> <div class="item-title border-bottom"> <span class="item-t原创 2020-06-13 01:35:43 · 1334 阅读 · 0 评论 -
header的渐隐渐现效果
在一般的APP头部都有一个标题栏,有时这个标题栏是不显现的.当页面下滑的时候这个标题栏就显示出来了举个例子去哪儿APP上,景点详情页里.进去是有一个固定在左上的小圆圈,点击可以返回上一页当页面下滑时,小圆圈消失,出现了标题栏下面是html静态页面<template> <div> //这个是小圆圈 <router-link tag="div" to="/" class="header-abs" v-show="showAbs">原创 2020-06-13 00:03:34 · 138 阅读 · 0 评论 -
VUE中利用router-link用法
vue开发APP中,往往会在一个区块中 利用ajax获取多种数据,然后再利用v-for将其循环到这个区块里.比如饿了么的店铺,去哪儿网的旅游推荐.等等就以去哪儿网举例每一个热门景点都是可以单独点击,并且跳转对应的页面一般的router跳转方法都是在 这个li盒子上套上一个标签,这样就可以进行路由跳转<router-link to="/detail"> <li class="item border-bottom" v-for="item in list" :key="原创 2020-06-12 20:05:34 · 1029 阅读 · 0 评论 -
VUE中关于城市选择页面的电梯效果
在很多APP中都有城市选择,选择项很多,往往会按照首字母排序.此时为了方便就会设置一个电梯栏根据用户的点击或者触摸快速到达首字母所指的区块城市进行选择.下面是一段电梯导航的代码.数据是通过Ajax获取的.<template> <ul class="list"> //循环遍历获取 A到Z的首字母 <li class="item" v-for="item in letters" :key="item" :ref="item" //下面就原创 2020-06-12 02:25:42 · 1295 阅读 · 0 评论 -
学习VUE遇到的难题和解决方法
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2020-06-11 01:20:56 · 838 阅读 · 0 评论