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>