iview的select組件的列表樣式和點(diǎn)擊都無效

iview的select組件用按需引入的方式加載這個(gè)組件之后列表樣式和點(diǎn)擊都無效，但是在main.js全局引入iview之后再用這個(gè)select組件又沒有這個(gè)問題，main.js里面只引入了樣式文件，我都是按照官方文檔來的。

第一張圖片樣式是我寫的
第二張圖片樣式是官網(wǎng)的正常樣式
下面是代碼

這是組件文件

<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>

這個(gè)是在webapck中的module下的配置

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

哪位幫我看下是什么問題