2 个人学习记录

尚未进行身份认证

暂无相关简介

等级
TA的排名 53w+

vue刷新当前页面

vue刷新当前页面有挺多种方法,比如window.location.reload()或者this.$router.go(0)但是这两种方法是会出现一瞬间的白屏,体验不好,所以这里给大家推荐第三种比较好用的刷新页面的方法在app.vue的加上v-if属性在这里插入代码片在data里面加上isRouterAlive,当然这个属性名可以自己定义,默认值为true data ()...

2020-04-07 14:05:41

mint-ui使用vue-lazyload

第一步首先:npm i mint-ui -S在main.js中:import mintUI from 'mint-ui';import 'mint-ui/lib/style.min.css'Vue.use(mintUI);第二步在使用的页面:import { Lazyload } from 'mint-ui';第三步把img标签中src换成 v-lazy=<i...

2020-04-07 11:25:25

es6在百度浏览器的兼容问题

es6在百度浏览器的兼容问题百度浏览器的内核版本太低不支持es6新语法1、安装npm install --save-dev babel-polyfill2、在main.js引入import ‘babel-polyfill’

2020-04-07 11:13:16

globalData

globalData在app.js中定义App({ globalData: { userInfo: null, apiUrl: 'https://shop.cn' }})在其他页面使用const app = getApp()const baseUrl = app.globalData.apiUrl;

2020-04-01 11:06:31

用vue-wechat-title为微信动态设置标题

用vue-wechat-title为微信动态设置标题1、安装npm install vue-wechat-title --save2、在main.js中引入Vue.use(require('vue-wechat-title'))3、在路由里添加title属性{ path: '/home', title: '首页', component: Home}4、...

2020-03-31 16:25:22

vue store

vue storestate --放数据mutations–修改数据getter–相当于vue中的computed计算属性actions–使用dispatch来提交actions,在actions中commit mutations的方法

2020-03-31 16:14:31

json.stringify与json.parse

json.stringify()与json.parse()JSON.stringify()的作用是将 JavaScript 对象转换为 JSON字符串,而JSON.parse()可以将JSON字符串转为一个对象。let arr = [1,2,3];JSON.stringify(arr);//'[1,2,3]'typeof JSON.stringify(arr);//stringl...

2020-03-26 15:19:39

formatDate.js

formatDate.js日期格式文件export function formatDate(data,fmt) { if(!data) { return false } var newdata = data.replace(/\-/g, '/') var dates = new Date(newdata) let o = { "M+": dates.getMonth() + ...

2020-03-26 11:50:47

vue 中使用 rem 布局

vue 中使用 rem 布局方法一:在 index.html 或者 main.js 中添加以下代码:const setHtmlFontSize = () => { const htmlDom = document.getElementsByTagName('html')[0]; let htmlWidth = document.documentElement.clientWidt...

2020-03-23 17:42:53

axios封装

axios封装1.api public.jsimport Vue from 'vue'import axios from 'axios'import { Toast } from 'mint-ui'import { Indicator } from 'mint-ui';import { getCookie, setCookie, delCookie } from '@/utils/co...

2020-03-23 16:18:24

vue路由

vue路由1、alise //别名2、路由权限控制constantRouterMap //不需要登录的路由集合asyncRouterMap //需要登录的路由集合3、路由跳转@click="$router.push('/course/courseDetail')"this.$router.push({path:'/testDemo',query:{setid:123456}});...

2020-03-23 10:15:18

vue的接口封装和状态管理

vue的接口封装和状态管理1.config index.js下面的跨域代理设置proxyTable: { '/api': { target: 'http://xxxx', //要访问的后端接口 changeOrigin: true, pathRewrite: { '^/api': 'http://xxx' ...

2020-03-20 20:44:31

vue-cli的安装及版本查看更新

vue-cli的安装及版本查看更新vue-cli安装npm install vue-cli -gvue-cli的版本查看vue -Vvue-cli的3.0+以后使用的不是vue-cli了,如果用以上的安装命令安装的并不是最新版的3.0+的,而如果安装3.0的话就需要使用新的npm install @vue/cli -g如果原来已经安装了vue-cli的话需要先卸载原来的安装n...

2020-03-19 16:52:26

生命周期函数

mounted在这发起后端请求,拿回数据,配合路由钩子做一些事情

2020-03-19 09:47:07

Promise

PromisePromise 是异步编程的一种解决方案,可以认为是一个对象,可以从中获取异步操作的信息。以替代传统的回调事件。function test(resolve, reject) { var timeOut = Math.random() * 2; log('set timeout to: ' + timeOut + ' seconds.'); setTimeo...

2020-03-18 16:17:01

ES6——``

ES6——``es6中允许使用 `` 创建字符串模板,可以直接写回车空格编写html或文本let abc = ` <div> <p>我想去看卡${na}</p> </div>`;$('body').html(abc);在 中可以使用 ${ }直接把变量与字符串拼接起来转载:https://blog.c...

2020-03-18 11:54:48

vue中的顶部导航渐变

vue中的顶部导航渐变 mounted() { window.addEventListener("scroll", this.handleScroll);}//由于是在整个window中添加的事件,所以要在页面离开时摧毁掉,否则会报错beforeDestroy() { window.removeEventListener("scroll", this.han...

2020-03-18 11:32:14
勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。