未捕获的类型错误：this.set 不是 vue js 中的函数

Question

这就是我尝试编辑数组值时遇到的错误

我想更改特定索引上的数组值，但是当我尝试这样做时，我的错误显示在控制台中，任何人都可以帮助我解决这个问题。

<script>
//import Vue from 'vue'
import Task from "./Task.vue";
import TaskName from "./TaskName.vue";
export default {
  components: {
    Task,
    TaskName,
  },
  data() {
    return {
      Task: [],
    };
  },
  methods: {
    sectionTask(Task) {
      const newTaskTitle = {
        Task: Task,
      };
      this.Task.push(newTaskTitle);
    },
    onremoveTask(Index){
        this.Task.splice(Index, 1)
    },
    onUpdateTaskTitle(Index,newTaskTitle){
      console.log(Index);
      console.log(newTaskTitle);
      this.$set(this.Task, Index, newTaskTitle);
    },
  },
};
</script>

<template>
  <TaskName @section-task="sectionTask" />
  <Task :Task="Task" @remove="onremoveTask" @update="onUpdateTaskTitle"/>
</template>

Answer 1

在 Vue 3 中，this.$set已被删除。请参阅重大更改文档。

[].splice可以获取值以将新值添加到数组中。因此，对于您的示例，您可以替换this.$set为：

this.Task.splice(Index, 1, newTaskTitle);

这将从 开始的 1 个值替换Index为newTaskTitle。