php无限循环代码,VUE中无限循环代码分享

本文主要通过实例代码给大家介绍了vue中的无限循环，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧，希望能帮助到大家。

代码如下所示：

• {{item.cdate}}

export default {

name: "",

data(){

return {

listaaa: [{

cdate: '123'

},

{

cdate: '456'

},

],

flagName: ''

}

},

methods: {

dealFun(arg, index) {

console.log('---------------------------')

if (arg == this.flagName) {

return false

} else {

this.flagName = arg

return true

}

}

},

}

导致无限循环的原因：flagName改变导致视图更新，视图更新又导致 dealFun()函数不停执行，进而flagName再次更新；循环往复；

解决办法：(使用全局变量)

• {{item.cdate}}

var flagName;

export default {

name: "",

data(){

return {

listaaa: [{

cdate: '123'

},

{

cdate: '456'

},

],

// flagName: ''

}

},

methods: {

dealFun(arg, index) {

console.log('---------------------------')

if (arg == flagName) {

return false

} else {

flagName = arg

return true

}

}

},

}

相关推荐：