组件渲染函数中的Vue无限更新循环

Posted 2023-02-22

【中文标题】组件渲染函数中的Vue无限更新循环

【英文标题】：Vue Infinite Update Loop in Component Render Function

【发布时间】：2020-04-30 00:25:38

【问题描述】：

我收到 Vue 警告

组件渲染函数中的无限更新循环

。我正在编写单元测试并收到此警告。我正在使用 Vuetify 的数据表来显示数据。 我的代码如下：

<template>
  <v-data-table
    id="permission-table"
    v-model="selected"
    :headers="headers"
    :items="users"
    :items-per-page="10"
    class="elevation-1"
  >
    <template v-slot:header.admin=" header ">
      <roles-tool-tip
        :description="header.description"
      />
      <span> header.text</span>
    </template>
<template v-slot:item.admin=" item ">
      <v-checkbox class="cb-center cb-admin" v-model="item.admin" @change="updateUserPermission(item)"></v-checkbox>
    </template>
</v-data-table>
</template>

【问题讨论】：

如果没有看到您的脚本部分，很难准确猜测会发生什么。

【参考方案1】：

如果您使用的是 Vue Test Utils >v1.0.0-beta29 版本，您可能会遇到这个问题：https://github.com/vuejs/vue-test-utils/issues/1407