vue.js - Props 至少应该定义它们的类型

Question

<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 should at least define their types vue/require-prop-types

Answer 1

您可能在项目初始化时启用了 ESlint(请参阅 create-nuxt-app 选项)，从而激活了此强制性规则。

因此您必须声明以下类型:

• 字符串
• 人数
• bool 值
• 数组
• 对象
• 日期
• 职能
• 符号

请参阅 Vue.js 文档:

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

针对您的情况:

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