iview的select组件的列表样式和点击都无效

Question

iview的select组件用按需引入的方式加载这个组件之后列表样式和点击都无效，但是在main.js全局引入iview之后再用这个select组件又没有这个问题，main.js里面只引入了样式文件，我都是按照官方文档来的。

---

---

第一张图片样式是我写的
第二张图片样式是官网的正常样式
下面是代码

---

这是组件文件

<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>
  import Select from 'iview/src/components/Select';
  export default {
      components:{
        Select
      },
    data () {
      return {
        cityList: [
          {
            value: 'New York',
            label: 'New York'
          },
          {
            value: 'London',
            label: 'London'
          }
        ],
        model1: ''
      }
    }
  }
</script>

这个是在webapck中的module下的配置

{ 
        test: /iview.src.*?js$/, 
        loader: 'babel-loader' 
      },
      { 
        test: /\.js$/, 
        loader: 'babel-loader', 
        exclude: /node_modules/ 
      }

哪位帮我看下是什么问题

Answer 1

改了样式？是否为类似伪类挡住原始元素的情况？

Answer 2

vue.js版本更新到最新就行了