qq_43547023的博客

当不停的在列表页和详情页来回切换时，当每次从详情页退回到列表页，列表组件会重新发出ajax请求，列表组件上的数据不会在短短几分钟就更新，没必要每次都发送请求。这样会降低用户体验keep-alive用法是vue的内置组件，能在组件切换过程中将状态保存在内存中，防止重复渲染DOM<keep-alive> <router-view></router-view>...

vue中更改背景图高度html<div class="login" :style="note"> <div class="loginOne" :style="loginHe"> </div></div>jsdata(){ return{ note:{ backgroundImage:'url('+require('@/...

更改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...

li由遍历得到，实现点击当前li更改背景色，其他的li样式不变// 使用三目运算符 :class<template> <div> <ul> <li v-for="item in info" :key="item.id" @click="change(item)" :class='item.id==selected?"selected":""...

全局指令main.js文件中定义Vue.config.productionTip = falseVue.directive('colorTwo', { // 当被绑定的元素插入到 DOM 中时…… inserted: function(el, binding) { el.style.color = binding.value; }});/* eslint-dis...

出现这种情况是因为依赖路由的params参数获取写在created生命周期里面，因为相同路由二次甚至多次加载的关系，没有达到监听，退出页面再进入另一个文章页面并不会运行created组件生命周期，导致文章数据还是第一次进入的数据// 解决：watch监听路由是否变化watch:{ // way1 '$route'(to,from){ // 监听路由是否变化 if(this.$route...

// setTimeout setInterval ajax Promisedata(){ return{ }},methods:{ setTimeout(function(){ console.log(this) // this并不指向vue实例 },1000)}// way1 使用变量访问this实例let v = this;setTimeout(fu...

methods:{ timeToRefresh(){ this.timer = setInterval(()=>{ // 调用的方法 },1000) }},// 清除定时器beforeDestroy(){ clearInterval(this.timer) this.timer = null}