使用的组件: el-dropdown
实现前:下拉选择框太长,需要改小长度
实现后效果:
直接style修改样式就行,利用就近原则。 <el-dropdown @command="analyze_command" style="float:right;margin-right:10px;" trigger="click" :split-button="true" type="primary" placement="bottom-end" size="small" @click="xxx" > <i class="icon-sss-search" v-if="!xxx" /> <i class="el-icon-loading" v-else /> {{ $t('xxx.xx') }} <el-dropdown-menu style="width: 100px;margin-top: 5px;overflow: hidden;height: 32px;box-shadow: 0 2px 10px 2px #92b6dd;" slot="dropdown" > <el-dropdown-item icon="el-icon-download" style="height: 32px;padding: 3px 56px 3px 0;color: #0099ff;" command="xxxx" > {{ $t('xxxx.xxxxx') }} </el-dropdown-item> </el-dropdown-menu> </el-dropdown>
后台程序员写前端,有错漏之处请指出,大家一起学习!谢谢