- 博客(11)
- 收藏
- 关注
RSS订阅原创 keep-alive使用
当不停的在列表页和详情页来回切换时，当每次从详情页退回到列表页，列表组件会重新发出ajax请求，列表组件上的数据不会在短短几分钟就更新，没必要每次都发送请求。这样会降低用户体验keep-alive用法是vue的内置组件，能在组件切换过程中将状态保存在内存中，防止重复渲染DOM<keep-alive> <router-view></router-view>...
2019-10-31 17:28:44
146
原创 vue使用定时器
methods:{ timeToRefresh(){ this.timer = setInterval(()=>{ // 调用的方法 },1000) }},// 清除定时器beforeDestroy(){ clearInterval(this.timer) this.timer = null}
2019-10-11 09:35:33
197
原创 vue异步回调this指向问题定时器
// setTimeout setInterval ajax Promisedata(){ return{ }},methods:{ setTimeout(function(){ console.log(this) // this并不指向vue实例 },1000)}// way1 使用变量访问this实例let v = this;setTimeout(fu...
2019-10-11 09:23:46
898
原创 vue路由变化页面不刷新问题
出现这种情况是因为依赖路由的params参数获取写在created生命周期里面，因为相同路由二次甚至多次加载的关系，没有达到监听，退出页面再进入另一个文章页面并不会运行created组件生命周期，导致文章数据还是第一次进入的数据// 解决：watch监听路由是否变化watch:{ // way1 '$route'(to,from){ // 监听路由是否变化 if(this.$route...
2019-10-11 09:12:40
428
原创 vue自定义指令
全局指令main.js文件中定义Vue.config.productionTip = falseVue.directive('colorTwo', { // 当被绑定的元素插入到 DOM 中时…… inserted: function(el, binding) { el.style.color = binding.value; }});/* eslint-dis...
2019-10-09 15:45:45
75
原创 git常用命令
初始化git仓库 git init 添加文件到git仓库 git add <file> git commit -m <message> 查看当前仓库状态 git status 查看修改内容 git diff 显示从最近到最远的提交日志,查看提交历史，以便确定确定回退到哪个版本 git log git log --pretty-onelin...
2019-10-09 11:20:58
68
原创 bootstrap cdn复制
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css"><link rel="stylesheet" href="css/bootstrap-new.css"><script src="http://cdn.bootcss.com/jque...
2019-10-09 08:39:35
135
原创 vue实现点击一个循环的li更改其背景色
li由遍历得到，实现点击当前li更改背景色，其他的li样式不变// 使用三目运算符 :class<template> <div> <ul> <li v-for="item in info" :key="item.id" @click="change(item)" :class='item.id==selected?"selected":""...
2019-10-08 16:49:55
2975
1
原创 更改vue-element-admin主题颜色
更改vue-element-admin主题颜色安装依赖包cnpm i element-theme -gcnpm i element-theme-chalk -get -i// 将element-variables.sass文件移动到src下在该.sass文件下最后添加代码// 改变icon字体的路径，必须$--font-path:'~element-ui/lib/theme-ch...
2019-10-08 09:32:16
6239
原创 vue更改背景图高度
vue中更改背景图高度html<div class="login" :style="note"> <div class="loginOne" :style="loginHe"> </div></div>jsdata(){ return{ note:{ backgroundImage:'url('+require('@/...
2019-10-08 09:22:31
1196
原创 Token的设置
登录跳转及token设置let params={ "username":this.username, "password":this.password}// 将params传给后台，响应成功拿到token// 将data中定义的token设置为后端返回的tokenthis.token = res.data.tokenthis.setCookie()this.handleCli...
2019-10-08 08:54:56
1448
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人