Vue中的组件及缓存 keep-alive
Posted 1609359841qq
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue中的组件及缓存 keep-alive相关的知识，希望对你有一定的参考价值。
<script>
import { mapState } from "vuex";
export default {
data() {
return {
PlayList: ""
};
},
computed: {
...mapState(["Playname"]) //获取vuex中某一条数据
},
methods: {
http() {
let That = this;
this.axios
.get("http:请求的接口=" +this.PlayList)
.then(res => {
var data = res.data;
That.danqu = data;
console.log(datadata);
});
}
}，
mounted() {
this.PlayList = this.Playname; //把传过来的值每次先存一下
this.http();//先调用一次http函数
},
activated() {
if (this.PlayList != this.Vuex获取过来的值) { //判断一下如果获取到的值和上一次获取到的一样就不执行if 如果不一样就执行if
this.http(); //调用ajax
this.PlayList = this.Playname; //把传过来的值给 this.Playname
}
}
}
</script>
以上是关于Vue中的组件及缓存 keep-alive的主要内容，如果未能解决你的问题，请参考以下文章
Vue生命周期和钩子函数及使用keeplive缓存页面不重新加载