最新消息:20210917 已从crifan.com换到crifan.org

【已解决】vuejs中js后台定期循环执行动作

JS crifan 622浏览 0评论
折腾:
【未解决】vuejs的vue-admin-template中用底图加叠加图片等元素实现控制面板图
期间,vuejs内部做一个循环,每隔1秒,让switch_NXMLE和switch_N5的visibility在visible和hidden之间切换
vuejs simple timer
javascript – How do I create a simple 10 seconds countdown in Vue.js – Stack Overflow
javascript – Create a countdown with vue.js and moment.js – Stack Overflow
javascript – vue.js auto reload / refresh data with timer – Stack Overflow
【总结】
目前用代码:
import { mapGetters } from 'vuex'


export default {
  name: 'Dashboard',
  timer: '',
  computed: {
    ...mapGetters([
      'name'
    ])
  },


  created() {
    this.timer = setInterval(this.updateSwitchStatus, 1000)
  },

  mounted: function() {
  },


  methods: {
    updateSwitchStatus() {
      console.log('updateSwitch')
    },


    stopUpdate() {
      clearInterval(this.timer)
    }
  }


}
然后即可实现:
每隔1秒,就运行一次updateSwitchStatus,输出updateSwitch

转载请注明:在路上 » 【已解决】vuejs中js后台定期循环执行动作

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
92 queries in 0.183 seconds, using 23.27MB memory