the select component of iview has no effect on list styles and clicks after loading this component on demand, but there is no problem with using this select component after the global introduction of iview in main.js. Only style files are introduced in main.js, and I follow the official documents.
the first picture style is written by me
the second picture style is the normal style of the official website
here is the code
this is a component file
<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>this is configured under module in webapck
{
test: /iview.src.*?js$/,
loader: "babel-loader"
},
{
test: /\.js$/,
loader: "babel-loader",
exclude: /node_modules/
}can someone help me to see what the problem is