- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue引入百度地图插件
vue-cli脚手架安装npm i --save vue-baidu-mapmain.js全局引入import BaiduMap from ‘vue-baidu-map’Vue.use(BaiduMap, {// ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */ak: ‘aaa’})html<div> <baidu-map v-bind:style="mapStyle" class=
2021-07-23 14:36:48
402
原创 小程序点亮星星评价
先看效果图wxml如下：<view class='itembox'> <view wx:for="{{imgs}}" wx:key="{{item.id}}" bindtap='select' data-index="{{item.id}}"> <image class="star" src="{{item.id>starId?src2:src1}}"></image> </view> <view class=
2021-07-19 10:12:05
226
原创 响应器拦截成功弹框只跳一次
响应器拦截成功弹框只跳一次在响应拦截成功的时候判断token令牌过期返回登录界面 并弹框修改前解决办法新建一个message.js文件，如下：import {Message} from 'element-ui'// 私有属性，只在当前文件可用const showMessage = Symbol('showMessage')export default class domMessage { success (options, single = true) { this[showMess
2021-07-15 16:49:57
454
原创 小程序路由跳转
小程序遍历数组下的数组<li wx:for="{{listss}}" wx:key="index"> <view class="userdd"> <view class="userid"> <image src="{{item.image}}" class="imgg"></image> <view class="userid_id">
2021-07-14 17:15:20
93
原创 退出登录时清空keep-alive缓存
deactivated () { //清除keep-alive的缓存 this.$destroy(true) }
2021-07-13 17:41:42
642
原创 小程序实现tab切换
小程序实现tab切换<view class="comment_user"> <view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">全部</view> <view class="swiper-tab-list {{currentTab=
2021-07-12 13:55:09
63
原创 小程序全局配置
全局配置小程序根目录下的 app.json 文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。以下是一个包含了部分常用配置选项的 app.json ：{ "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "navigationBarTitleText": "Demo" }, "tabBar": { "list": [{
2021-07-12 10:29:20
609
原创 微信小程序
小程序生命周期首先小程序的生命周期函数是在app.js里面调用的，App(Object)函数用来注册一个小程序。接受一个 Object 参数，指定其小程序的生命周期回调；一般有onLaunch监听小程序初始化、onShow监听小程序显示、onHide监听小程序隐藏等生命周期回调函数。看文字对概念有点模糊对不对？理解概念的最好方法就是上手实际操作一遍。那么，我们来看看当打开一个小程序的时候，到底是onLaunch、onShow、onHide哪个先调用以及什么时候开始调用的。 onLaunch() {
2021-07-12 09:07:55
72
原创 微信小程序初学
onLoad：页面第一次加载时触发，从跳转页面返回时不能触发，可以传递参数onShow：页面显示或从后台跳回小程序时显示此页面时触发，从跳转页面返回时触发，不能传递参数onHide：页面隐藏，例如使用 wx.navigateTo 只是打开新页面 并不关闭原页面onUnload：页面被卸载，例如使用 wx.redirectTo 重定向一个页面 原页面已经关闭当初始化或打开一个新页面时 先执行onLoad，然后执行onShow但是对于Tab页面，又是不一样的从A第一次请求到B 是onHide
2021-07-09 12:17:16
55
原创 javascript数组去重方法
javascript数组去重方法var newArr = [] for (var i = 0; i < arr.length; i++) { var bl = true for (var j = 0; j < newArr.length; j++) { if (arr[i] === newArr[j]) { bl = false break } } if (bl) {
2021-07-08 16:10:39
84
原创 vue实现 全屏功能
vue实现全屏功能方法如下。。。toggle() { let element = document.documentElement; if (this.fullscreen) { if (document.exitFullscreen) { document.exitFullscreen } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(
2021-07-08 16:06:36
507
原创 前端给后台返回的接口携带token
后台在接口中添加token验证 前端需要后台返回的所有接口请求都带token，而且这个都会携带一个默认过期时间，如果遇到token过期，就会返回一个错误提示码如下对token指令进行判断 如果状态码 == 77777 就弹框 “令牌过期” 并直接跳转到登录页if(res.code == 77777){ this.$message({ message: res.msg, type: 'warning' }); this.$router.push('
2021-07-08 09:02:23
8740
原创 前后端分离 基于vue 实现用户登录和token验证
前后端分离 基于vue 实现用户登录和token验证一. 首次登录 前端调取后端接口html部分。<div class="sign-in"> <h2>欢迎登录</h2> <p><input type="text" placeholder="请输入账号" v-model="username"></p> <p><input type="password" placeholder="请输入密
2021-07-06 13:44:32
1253
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人