- 博客(8)
- 资源 (6)
- 收藏
- 关注
原创 在vue中如何获取token,并将token写进header
跨域问题这里就不多说了,直接进入今天正题:login.vueexport default { name: 'login', data() { return { phone: '', password: '', device_type: '', // registration_id: '', //极光推送 用户设备唯一标识 注册ID t...
2019-11-26 17:13:50 4532
原创 vue中使用vue-awesome-swiper实现图片轮播效果(超详细解析)
首先我们先了解一下vue-awesome-swiper什么是vue-awesome-swiper?Swiper常用于移动端网站的内容触摸滑动Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端,以及PC端网站。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果.安装:npm install vue-awesome-swiper ...
2019-11-21 10:07:15 7091 1
原创 vue实现图片切换效果
思路:整个代码部分分为轮播图片和控制span两个部分。按照前端工程化的需求来说,这两个部分应该解耦成两个component最后再导入页面比较合理,但由于demo较为简单,作为练手就不搞那么复杂了。先写出整体代码框架:<div id="banner" class="slide" style="padding-top: 5px;"> <div v-for="(...
2019-11-20 10:32:37 5066
原创 vue中公共组件在部分组件中显示
场景导航条只在除登录注册以外以及特殊页面显示;公共组件在部分页面显示,部分页面不显示。方法:router-view结合$route.meta代码:项目中App.vue<template> <div id="app"> <div v-if="!$route.meta.show"> <router-view/>...
2019-11-19 15:39:39 710
原创 基于Vue实现active点击切换样式
1. html<footer class="footer" id="footer"> <div class="item" v-for="(item, index) in footerList" :key="index" :class="{'active': currentSort==index}" @click="active(index)"> &l...
2019-11-18 14:49:24 1732
原创 简单实现轮播图片切换效果(基于vue)
思路:一: 将vue的框架封装在function中,在界面刷新时调用,将要轮播的图片存放在data中,还有下面的列表也分别保存在data中的一个数组中,然后每隔一段时间进行自动切换的函数写在methods中,注意函数要调用的话,就要在生命周期函数中调用,不然的话就没有用,点击这里了解生命周期函数详细知识。二: 认识到这里需要的是setinterval()、而不是setimeout()函数:...
2019-11-17 19:22:33 4765 1
原创 vue实现分页功能jiexi
首先我们先定义好分页效果<div class="common-seo-page-box clearfix align-center assist"> <ul class="page-center"> <li v-if="currentPage>0"><a v-on:click="prePage">上一页</a>&l...
2019-11-12 10:38:22 272
原创 vue实现移入移出事件
移入显示,移出隐藏,废话不多说直接上代码<ul class="tab-ul"> <li v-for="(item, index) in labelShows" :key="index" @mouseenter="enter(index)" @mouseleave="leave()"> <router-link :to="{name: 'topic', qu...
2019-11-09 14:57:53 4507
微信小程序实现收货地址城市选择效果mock.js
2020-11-17
微信小程序实现城市选择效果city.js文件
2020-11-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人