- 博客(14)
- 收藏
- 关注
RSS订阅原创 vue 自定义Loading组件配合axios中使用
1.在components中创建Loading文件夹，然后在Loading中新建loading.vue文件<template> <div v-if="loading" class="shade"> <div class="sk-wave"> <div class="sk-rect sk-rect1"></div> <div class="sk-rect sk-rect2"></d
2022-01-05 15:39:49
621
原创 vue 文件导入
1.html中<template> <v-btn color="indigo" @click="upload"> 导入 </v-btn> <input type="file" ref="upload" @change="changeFile" accept=".xlsx"
2021-07-28 10:46:52
285
原创 vue 文件导出
1.在方法中 async exportUpdata() { try { await this.$confirms({ msg: `您确认要导出吗？`, type: "success", btn: { no: "取消", ok: "确定", }, }); } catch (error) { return;
2021-07-28 10:41:13
125
原创 导航栏滚动到顶部固定
<div id="testNavBar"> <div :class="{ fixedNavbar: isfixTab }">这是导航</div> </div>mounted() { window.addEventListener('scroll', this.handleTabFix, true) }, methods: { // 先分别获得id为testNavBar的元素距离顶部的距离和页面滚动的距离 //
2021-05-26 09:52:03
501
原创 封装axios请求
1.新建一个http文件夹，在http文件夹下新建env文件const env = { prod: { baseURL: "https://www.xxxx.top:8888", },};export default env;2.新建requier.js文件//引入axiosimport axios from 'axios';//引入env.isimport baseURL from './env'//引入element ui import {Message} from
2021-04-21 23:38:36
84
原创 小程序的登录授权
第一步：通过wx.login得到code,调用接口获取登录凭证（code）。通过凭证进而换取用户登录态信息第二步：通过code换取用户的匿名信息,并将获取的token缓存起来第三步:通过调取微信wx.getUserProfile()方法来获取用户详细信息 toLogin() { wx.getUserProfile({ lang:'zh_CN', desc:'我要获取信息用户', success:(res)=>{ console.log
2021-04-14 21:51:14
143
原创 小程序的样式隔离
1.通过在组件的options中配置Component({ options: { styleIsolation: '隔离选项' }})其中【隔离选项】值包括：isolated 表示启用样式隔离，在自定义组件内外，使用 class 指定的样式将不会相互影响（默认值）；apply-shared 父级样式会穿透影响组件样式，但组件样式不会影响其他页面shared：互相影响2.外部样式类1.在app.wxss中定义一个class样式，例如：.box {background:#0
2021-04-14 21:41:46
635
原创 微信小程序父传子和子传父
1.父传子父组件向子组件传值：{{}}里面的是传给组件的变量menuList="{{menuList}}"子组件接收并使用子组件直接使用父子组件传过来值2. 标题子传父1.在子组件中定义一个方法2.在子组件的js文件夹中使用this.triggerEvent给父组件传值3.在父组件中绑定传过来的事件名4.在父组件的js文件夹中获取子组件传过来的数据...
2021-04-12 21:23:49
619
原创 微信小程序的接口封装
1.新建http文件夹2.在http文件夹下新建env.js 代码如下：//存放不同的环境地址module.exports={ //线上地址 prod:{ baseUrl:'https://api.it120.cc' }}3.在http文件夹下新建request.js 代码如下：//wx.request进行二次封装const {baseUrl}=require('./env').prodmodule.exports={ request:function(url,
2021-04-08 20:52:24
167
原创 小程序的生命周期及路由
一小程序的生命周期1.全局生命周期：App({//程序启动时的只加载一次onLaunch() {},//切换到前台运行onShow() {},//切换后台运行onHide() {},//监听和收集代码错误信息onError() {},…})2.页面的生命周期Page({//页面加载时只执行一次onLoad() {},//监听页面初次渲染完成,此果就可以和页面进行各种交互，只加载一次onReady() {},//只要页面显示时就会触发onShow() {},//只要页
2021-04-07 21:47:36
297
2
原创 微信小程序常用指令
view标签：是一个块级标签，相当于普通H5中的divtext标签：是一个行内标签 相当于spanbutton：按钮block:是一种不会渲染到页面的标签 相当于vue中template标签,起到一个逻辑组织代码块的作用image:插入图片navigator 这个是导航组件二 wxss选择器HTML5微信小程序div（标签选择器）view、text、icon、input、image、navigator（标签选择器）class(类选择器)classid(.
2021-04-06 22:56:52
1009
原创 git使用过程即指令
git使用过程即指令第一步：git init //初始化第二步：git add .//添加文件到暂存区第三步：git commit -m '添加备注'第四步：git remote add origin git@github.com:xx-xxx/xx.xxx //配置要连接的远程仓库地址第五步：git push origin master //推送到远程##历史回退1.查看提交历史记录git log //详细查看git log --pretty=one line /
2021-04-01 19:10:47
109
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人