刚学习vue不久,下午做vue轮播小组件时遇到了mouted与methods中方法互相调用的问题.

mouted调用methods中方法

 mounted: function() {
     this.up();
  }

在mouted中使用setInterval调用methods中方法

mounted() {
            this.up();
            setInterval(this.up, 1000);
        },

1.在mounted中先调用this.up方法

2.然后在setInterval()中的第一个参数,调用方法不加括号,第二个参数是时间。

methods调用mouted中方法(清除定时器,其他方法同理)

data:{
    return {
                auto:'',
            }
      },
methods:{
    clearInterval(){
           clearInterval(this.auto)
           }
     },
mounted() {
            this.up();
            var that = this;
            that.auto = setInterval(this.up, 1000);
        },

1.在data中定义一个值auto.

2.mounted中的方法使用that定义.

3.在methods中的的方法中使用this调用不加括号.

Logo

前往低代码交流专区

更多推荐