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

我在Storyblock做教程,我确实犯了这样一个错误.

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

props 应至少定义其类型vue/requireprops 类型

推荐答案

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

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

  • 一串
  • 号码
  • 布尔值
  • 大堆
  • 对象
  • 日期
  • 作用
  • 象征

见Vue.js文件:

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

对于您的情况:

<script>
export default {
  props: {
    blok: 对象
  }
}
</script>

Vue.js相关问答推荐

无法解析组件:google—pay—button

v-model 修饰符返回空

Vue,Composition API:如何从react 式转换中跳过深度嵌套的属性?

在 VueJS 中为 Get、Post、Patch 配置全局标头的最佳方法

禁用 vue-cli webpack 编码图像 base64

Vue:将点击事件绑定到动态插入的内容

在 Vue 文件中创建根 Vue 实例

如何将 vuejs 项目部署到 heroku

Vuex:如何等待动作完成?

如何在 vue.js 中删除类

为什么当我 Select 第二个输入框时音译transliteration不起作用?

VueJS 禁用特定属性的react性

如何从 vue.js 捕获 Jquery 事件

基本 vue.js 2 和 vue-resource http 获取变量赋值

使用 Vue.js & DataTable(jquery 插件)

Vue3在按钮单击时以编程方式创建组件实例

vue 未在实例上定义,但在渲染期间引用

Vue v-model 不响应 BS4 单选按钮组

如何删除 vue cli 2?

Apollo 客户端在向服务器发送Mutations 时返回400(错误请求)错误