iview select报错

问题描述

目前的情况是,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>

阅读 2.9k
2 个回答
新手上路,请多包涵

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

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

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

Vue.use(iView)
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题