道具至少应该定义它们的类型答案

【问题标题】：Props should at least define their types道具至少应该定义它们的类型
【发布时间】：2019-05-08 15:00:03
【问题描述】：

<template>
  <div 
    v-editable="blok" 
    class="util__flex">
    <component 
      v-for="blok in blok.columns" 
      :key="blok._uid" 
      :blok="blok" 
      :is="blok.component"/>
  </div>
</template>

<script>
export default {
  props: ['blok']
}
</script>

我正在 Storyblok 做教程，我确实遇到了这样的错误。

https://www.storyblok.com/tp/nuxt-js-multilanguage-website-tutorial#creating-the-homepage-components

props 至少应该定义它们的类型 vue/require-prop-types

【问题讨论】：

见prop types和prop validation。

标签： vue.js vue-component eslint nuxt.js storyblok

【解决方案1】：

对于当前nuxt版本（v2.8.1），我们应该设置props如下：

<script>
export default {
  props: {
    blok: {
      type: Object,
      default: null
    }
  }
}
</script>

【讨论】：

【解决方案2】：

您可能在项目初始化时启用了 ESlint（请参阅create-nuxt-app 选项），它激活了这个强制规则。

所以你必须声明以下类型：

字符串
号码
布尔值
数组
对象
日期
功能
符号

参见 Vue.js 文档：

https://vuejs.org/v2/guide/components-props.html#Prop-Types https://vuejs.org/v2/guide/components-props.html#Type-Checks

对于您的情况：

<script>
export default {
  props: {
    blok: Object
  }
}
</script>

【讨论】：