iview select报错

发布于 2022-09-11 14:23:56 字数 1422 浏览 29 评论 0

问题描述

目前的情况是,iview中,只要放置了Option就会报错,iview版本号是3.11
我是直接运行了官方的示例代码,却报错,其他组件是正常了,唯有这个是有问题的

问题出现的环境背景及自己尝试过哪些方法

报的错是图片描述
请问这个values是个什么玩意,是什么导致的呢?

相关代码

<template>

<Select v-model="model1" style="width:200px">
    <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select>

</template>
<script>

export default {
    data () {
        return {
            cityList: [
                {
                    value: 'New York',
                    label: 'New York'
                },
                {
                    value: 'London',
                    label: 'London'
                },
                {
                    value: 'Sydney',
                    label: 'Sydney'
                },
                {
                    value: 'Ottawa',
                    label: 'Ottawa'
                },
                {
                    value: 'Paris',
                    label: 'Paris'
                },
                {
                    value: 'Canberra',
                    label: 'Canberra'
                }
            ],
            model1: ''
        }
    }
}

</script>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

爱的故事 2022-09-18 14:23:56

解决了吗?同样遇到了这个问题

铁憨憨 2022-09-18 14:23:56

自己本地测了下,并没有发现这个问题。楼主是怎样引用的?
我是这样用的:

import iView from 'iview';
import 'iview/dist/styles/iview.css';

Vue.use(iView)
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文