- 博客(17)
- 收藏
- 关注
转载 vue刷新当前页面
vue刷新当前页面有挺多种方法,比如window.location.reload()或者this.$router.go(0)但是这两种方法是会出现一瞬间的白屏,体验不好,所以这里给大家推荐第三种比较好用的刷新页面的方法在app.vue的加上v-if属性在这里插入代码片在data里面加上isRouterAlive,当然这个属性名可以自己定义,默认值为true data ()...
2020-04-07 14:05:41 254
转载 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 187
原创 es6在百度浏览器的兼容问题
es6在百度浏览器的兼容问题百度浏览器的内核版本太低不支持es6新语法1、安装npm install --save-dev babel-polyfill2、在main.js引入import ‘babel-polyfill’
2020-04-07 11:13:16 218
原创 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 655
转载 用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 243
原创 vue store
vue storestate --放数据mutations–修改数据getter–相当于vue中的computed计算属性actions–使用dispatch来提交actions,在actions中commit mutations的方法
2020-03-31 16:14:31 127
转载 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 65
原创 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 648
转载 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 477
原创 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 81
原创 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 639
转载 vue的接口封装和状态管理
vue的接口封装和状态管理1.config index.js下面的跨域代理设置proxyTable: { '/api': { target: 'http://xxxx', //要访问的后端接口 changeOrigin: true, pathRewrite: { '^/api': 'http://xxx' ...
2020-03-20 20:44:31 211
转载 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 251
转载 Promise
PromisePromise 是异步编程的一种解决方案,可以认为是一个对象,可以从中获取异步操作的信息。以替代传统的回调事件。function test(resolve, reject) { var timeOut = Math.random() * 2; log('set timeout to: ' + timeOut + ' seconds.'); setTimeo...
2020-03-18 16:17:01 72
转载 ES6——``
ES6——``es6中允许使用 `` 创建字符串模板,可以直接写回车空格编写html或文本let abc = ` <div> <p>我想去看卡${na}</p> </div>`;$('body').html(abc);在 中可以使用 ${ }直接把变量与字符串拼接起来转载:https://blog.c...
2020-03-18 11:54:48 94
转载 vue中的顶部导航渐变
vue中的顶部导航渐变 mounted() { window.addEventListener("scroll", this.handleScroll);}//由于是在整个window中添加的事件,所以要在页面离开时摧毁掉,否则会报错beforeDestroy() { window.removeEventListener("scroll", this.han...
2020-03-18 11:42:21 480
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人