道具至少应定义其类型

vue.js Vue.js

LGil

2020-03-23

<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

道具至少应定义其类型vue / require-prop-types

第3143篇《道具至少应定义其类型》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答
猿Mandy 2020.03.23

对于当前nuxt版本（v2.8.1），我们应按如下所示设置道具：

<script>
export default {
  props: {
    blok: {
      type: Object,
      default: null
    }
  }
}
</script>
凯西里 2020.03.23

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

因此，您必须声明以下类型：

  • 串
  • 数
  • 布尔型
  • 数组
  • 宾语
  • 日期
  • 功能
  • 符号

参见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>

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android