码迷,mamicode.com
首页 > 其他好文 > 详细

Vue中的组件及缓存 keep-alive

时间:2019-12-24 18:18:35      阅读:63      评论:0      收藏:0      [点我收藏+]

标签:vue   default   method   var   exp   axios   eth   stat   缓存   

<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   default   method   var   exp   axios   eth   stat   缓存   

原文地址:https://www.cnblogs.com/1609359841qq/p/12092693.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!