vuedraggable报错TypeError: Cannot read properties of undefined (reading 'header')

这个错误是因为在vuedraggable组件中使用了undefined的属性'header'。解决这个问题的方法是确保在使用该属性之前，确保该属性存在并且有正确的值。您可以使用条件语句或者使用?.操作符来防止出现这个错误。

例如，在使用'header'属性之前，您可以使用条件语句来检查它是否存在：

<template>
  <div>
    <vuedraggable v-model="list">
      <template v-slot="{ element }">
        <div v-if="element.header">{{ element.header }}</div>
      </template>
    </vuedraggable>
  </div>
</template>

或者，您可以使用?.操作符来防止出现错误：

<template>
  <div>
    <vuedraggable v-model="list">
      <template v-slot="{ element }">
        <div>{{ element.header?.text }}</div>
      </template>
    </vuedraggable>
  </div>
</template>