在带有 Typescript 的 Vue 3 中的 Function 上缺少返回类型

Question

我的代码看起来像这样，

    <template>
      <div>        
        <ul v-if="list.length !== 0">
          {{
            list
          }}
        </ul>
      </div>
    </template>
    <script>
    export default {
      props: {
        
        list: {
          type: Array,
          default: () => {
            return []
          },
        },
        
      },
    }
    </script>

我错过了什么吗，因为我在这一行遇到错误：

我也尝试了此页面的解决方案，但没有任何效果。

Vue 2 - 如何在道具中设置默认数组类型

Answer 1

这不是错误，而是匿名 function 应指示返回类型的警告。 您的 IDE 显示了支票的名称，搜索它会转到一个包含很好示例的页面。

警告应该像这样修复：

list: {
  type: Array,
  default: ():Array => {
    return []
  },
},

Answer 2

正如错误所说，您缺少 function 返回类型。 您定义了道具类型，但没有定义 function 返回类型。

它应该看起来像这样（代替任何你还应该指定类型）：

export default {
  props: {
    list: {
      type: Array,
      default: () : Array<any> => {
        return []
      },
    },
  },
}

Answer 3

As a general hint I would suggest that if you are using Vue 3 + Typescript you should take advantage of the defineComponent function to wrap your component options object as documented here: https://v3.vuejs.org/guide/typescript-support. html#defining-vue-components 。 如果您使用推荐的 linting 设置（并且您的 IDE 工作正常），问题应该得到解决