Question

我是function Name() #add valid function/controller name { # catch the POST values }的新手。我的函数不是将变量增加到1，而是将其增加到任意随机数。控制台显示此错误：

“组件渲染功能中可能有无限的更新循环”。

有什么问题吗？

Vue.js

Answer 1

您的代码正常，除了关于输出值的部分。您应该使用{{a}}来显示数据。

<template lang="pug">

#homepage
    .workArea
      button(
          v-on:click='clicker'
          ) 
            |click me
      p      
        |{{a}}

</template>
<script>
export default {
  name: "test",
  data: () => ({
    a: 0,
  }),
  methods: {
    clicker() {
      return this.a++
    },
  },
}
</script>

Answer 2

您正在点击按钮时调用clicker方法。

因此，单击按钮可增加a。 a更新后，Vue实例将尝试重新渲染视图。此时，字符串内插中的方法调用不仅会简单地打印a的值，还会使a再次递增。这会继续循环。

希望问题很明显。只需将{{clicker}}更改为{{a}}

您可能在组件渲染函数中有一个无限的更新循环？

2 个答案: