jquery 无效 prop :属性“items”的类型检查失败,应为Array,获取的是String

hec6srdp  于 2023-06-22  发布在  jQuery
关注(0)|答案(3)|浏览(127)

我在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'中,我正在获取数据并显示在下拉列表中,但在控制台中,我收到此错误Invalid prop: type check failed for prop "items". Expected Array, got String.
下面是vue js代码:

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

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

请帮助我提前感谢

xbp102n0

xbp102n01#

用一个例子来完成答案。。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

jc3wubiy

jc3wubiy2#

我得到了答案
这里我将province声明为string,将listProvince声明为array
谢谢

yhxst69z

yhxst69z3#

如果有人仍然感到困惑的ramees回答像我一样,这里是真实的的例子,最后设置

data() {
  return {
    province: "",
    listProvince:['option 1','option 2'],
  };

这将listProvince声明为数组(下拉选择选项),而province声明为字符串(所选的下拉值)。
希望这能给有需要的人提供额外的帮助!

相关问题