web笔记
web学习笔记
Tippye
这个作者很懒,什么都没留下…
展开
-
Vue解决路由切换页面导致位置不变的问题
Vue中使用router切换页面会发现页面切换后位置不变可以在项目的router文件夹中的index.js中添加以下代码scrollBehavior (to, from, savedPosition) { return { x: 0, y: 0 }}添加后就可以像刚打开一样展示在页面的最顶端官网有更详细的解决方案附上我index.js的全部代码import Vue from ...原创 2020-03-03 22:03:35 · 885 阅读 · 0 评论 -
Vue中兄弟组件间的传值
兄弟间的传值实质上就是父子组件间的传值先将A组件的值传到父组件,然后父组件传给B组件用我做的一个小demo说一下这里要点击右侧的CityAlphabet中的字母,将字母传给CityList并跳转到相应的位置首先是Alphabet<template> <ul class="list"> <li class="item" v-for="item ...原创 2020-03-01 17:54:59 · 130 阅读 · 0 评论 -
Vue实现app中滑动定位效果
先来看看效果项目结构大概是这样点击切换主要是兄弟组件之间的传值,本篇不再介绍,这里主要是滑动改变CityList中的列表的位置<template> <ul class="list"> <li class="item" v-for="item of letters" :key="item" @click="handleLetter...原创 2020-03-01 16:45:59 · 306 阅读 · 0 评论 -
Vue axios请求ajax
这里没有后台,用本地文件代替首先要在vue项目中配置上axios,终端中输入npm install axios --save这里可以用cnpm代替然后在需要获取数据的那一页的methods里写上这些getHomeInfo(){ //方法名可换 axios.get('/static/mock/index.json') .then(this.getHomeInfoSucc)},g...原创 2020-02-29 16:28:11 · 125 阅读 · 0 评论 -
vue美化上传图片按钮
默认的input file总感觉太丑了,想改样式还不能直接改改不了就不用他,咱不受那个气(๑◡๑)既然改不了,可以用其他元素去代替他,这里 我用的是div把div的点击事件改成input file的点击事件,再把input隐藏上就行了<div @click="chooseFile">上传文件</div><input class="form-btn" ref=...原创 2020-02-28 12:45:32 · 904 阅读 · 0 评论