html select加按钮,为element-ui的Select和Cascader添加弹层底部操作按钮

如下图这样把操作按钮放在select弹层底部是一种挺常见的设计方式

但是很遗憾element-ui没有给我们提供这个插槽，我们想实现这个功能只能重写组件或者等官方更新吗，答案当然是否定的！

花了一点时间通过一个函数实现这个功能，支持el-select和el-cascader,效果点击预览

其实逻辑很简单，把下面这段html插入到指定位置就行了

• 新增商品分类

我这里直接使用el-cascader的样式，实际使用中这段html可以根据自己的需求修改

上代码，在methods写入这段函数

/**

* 为element-ui的Select和Cascader添加弹层底部操作按钮

* @param visible

* @param refName 设定的ref名称

* @param onClick 底部操作按钮点击监听

*/

visibleChange(v