element添加popper-class原理

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

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

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

例如：

 <el-cascader
    v-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
  },
}