前提概要
- 使用的el-form包裹的el-cascader。
- el-cascader使用的多选可搜索功能。
症状表现
el-cascader的输入框高度，比其他的输入框高出好多。如下图：
症状原因
出现的原因是添加了el-cascader，的filterable属性。因为要输入搜索。所以出现了输入框。如下图：
对症下药
目前的处理方法是：样式覆盖。 把输入框的min-width处理了。让标签和输入框在一行展示。如下图：
上代码：
<style scoped>
::v-deep .el-cascader__tags .el-cascader__search-input{
min-width:0;
}
</style>
总结
在寻找问题的路上，总是不容易的，不是一下子就能定位到问题。还是缺少对问题的本质认识。 后续，可以在code.juejin.cn/ 补一个运行的demo。
