vue中当传入一个组件的数据类型为对象或数组时，当不传入该值的报错问题

最新推荐文章于 2024-07-10 15:44:34 发布

朝海夕阳

最新推荐文章于 2024-07-10 15:44:34 发布

阅读量2.6k

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/tuchang0212/article/details/89888753

版权

本文介绍了在Vue组件中遇到的一个问题，当传入组件的数据类型为对象或数组且未传入值时，会导致报错。通过修改组件内默认属性值的设置，将`optionList`的`default`从`{}`更改为`null`，成功解决了这个问题。

摘要由CSDN通过智能技术生成

这是我自定义的TableColumn.vue组件代码：

<template>
  <el-table-column
    :prop="prop"
    :label="label">
    <template slot-scope="scope">
      <el-select v-model="scope.row[prop]" v-if="type==='select'">
        <el-option v-for="(item, index) in optionList" :key="index" :value="item.value" :label="item.label"></el-option>
      </el-select>
      <el-date-picker
        v-else-if="type==='date'"
        v-model="scope.row[prop]"
        type="date"
        value-format="yyyy-MM-dd"
        placeholder="选择日期">
      </el-date-picker>
      <el-input v-model="scope.row[prop]" clearable v-else></el-input>
    </template>
  </el-table-column>
</template>

<script>
ex