[vue] implementar el sondeo

Después de leer este artículo, si sientes que has ganado algo, si crees que está bien, dale me gusta y guárdalo.

Objetivo: la interfaz se llama cada 10 segundos, por lo que el front-end también debe llamarse cada 10 segundos

<script>
import { GetMsgNum } from "@/api/system";
export default {
  data() {
    return {
      value: null, //消息
      timer: null, //定时器
    };
  },
  // 轮询-
  destroyed() {
    //离开页面是销毁
    clearInterval(this.timer);
    this.timer = null;
  },
  created() {
    this.GetMsgNum();//初始化

    // 实现轮询
    this.timer = window.setInterval(() => {
      setTimeout(this.GetMsgNum(), 0);
    }, 10000);
  },
  methods: {
    // 轮询-------------
    GetMsgNum() {
      GetMsgNum({ userid: this.userid }).then((res) => {
        this.value = res.data;
        // console.log(res);
      });
    },
    stop() {
      clearInterval(this.timer);
      this.timer = null;
    },
    // 轮询结束-------------
  },
};
</script>