当我们在使用element组件时，会遇到需要修改组件的样式，但是样式无法覆盖原样式的情况。

用popper-class属性，给组件传递样式，

原理：其实就是传递给组件一个class名，然后设置class的样式，所以自定义样式只能是全局样式，如果在<style scoped><style>下是不会生效的。

例如：

 <el-cascaderv-model="value":options="options"popper-class="customs-style"@change="handleChange"></el-cascader>// 自定义样式
<style lang="css">.customs-style{width:100px}
</style>

源码

<div:class="[popperClass]"><el-cascader-panel:options="options"@expand-change="handleExpandChange"@close="toggleDropDownVisible(false)"></el-cascader-panel>
</div>
export default {name: 'ElCascader',//...props:{popperClass: String},
}