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

【问题标题】：Vue Infinite Update Loop in Component Render Function组件渲染函数中的Vue无限更新循环
【发布时间】：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>

【问题讨论】：

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

标签： unit-testing vue.js warnings vuetify.js

【解决方案1】：

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

【讨论】：