我在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,
};
}
}
请帮助我提前感谢
3条答案
按热度按时间xbp102n01#
用一个例子来完成答案。。Vue网站示例:
更多信息:https://v2.vuejs.org/v2/guide/components-props.html
jc3wubiy2#
我得到了答案
这里我将
province
声明为string,将listProvince
声明为array谢谢
yhxst69z3#
如果有人仍然感到困惑的ramees回答像我一样,这里是真实的的例子,最后设置
这将listProvince声明为数组(下拉选择选项),而province声明为字符串(所选的下拉值)。
希望这能给有需要的人提供额外的帮助!