javascript - 无效的 prop : type check failed for prop "items". 预期数组,得到字符串

标签 javascript jquery vuejs2

我在 vue js 中有一个下拉菜单。

<v-flex> <v-select label="Select Province" v-bind:items="listProvince" outline v-model="province" persistent-hint @change="loadCity()"></v-select> 
</v-flex>

在“listProvince”中,我正在获取数据并显示在下拉列表中,但在控制台中我收到此错误无效的 Prop : Prop “items”的类型检查失败。需要数组,得到字符串。

这是 vue.js 代码:

    export default {
  props: ["updateView","newBooking"],

  data() {
    return {
      selected: [0],
      shipper: "",
      address: "",
      barangay: "",
      city: "",
      province: "",
      phone: "",
      listProvince:"",
      selectedCity:"",
      bookingObject: {},
      isNewBk: false,
    };
  }
}

请帮助我提前致谢

最佳答案

用一个例子来完成答案...... 来自 Vue 站点的示例:

  props: {
  title: String,
  likes: Number,
  isPublished: Boolean,
  commentIds: Array,
  author: Object,
  callback: Function,
  contactsPromise: Promise // or any other constructor
}

了解更多信息:https://v2.vuejs.org/v2/guide/components-props.html

关于javascript - 无效的 prop : type check failed for prop "items". 预期数组,得到字符串,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53444293/

相关文章:

javascript - 从 1.2.2 升级 Ember Web 应用程序

javascript - Sencha Touch 表单面板,无法使用鼠标滚动

asp.net - 初始化 HTML 控件值 : Javascript or inline server tags? 哪个更好

javascript - 使用javascript在页面加载时加载css隐藏图像作为背景图像

javascript - 为什么在这种情况下我不能过滤本地 json 文件 (vuejs2)

vuejs2 - Vuetify 如何根据需要标记字段

javascript - 使用 Grunt 进行 LiveReload?

javascript - 使用 Codeigniter 表单验证和 Jquery 序列化

jquery - 让 Laravel 返回 JSON

javascript - vuedraggable 句柄属性不起作用