700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 前端element下拉菜单样式修改

前端element下拉菜单样式修改

时间:2021-05-17 16:15:02

相关推荐

前端element下拉菜单样式修改

组件官方链接

el-dropdown: 下拉菜单组件

el-dropdown-menu 结合 el-dropdown-item: 下拉菜单项

trigger="click" : 表示显示下拉菜单内容是由点击事件触发

@command: 绑定点击下拉菜单的内容触发的事件

style="float:left" :向左靠

<div style="float: right;padding-bottom: 10px"><!--按月--><el-dropdown trigger="click" @command="handleMonthly"><el-button size="mini">{{$t('overview.monthlyStatistics')}}</el-button><el-dropdown-menu slot="dropdown" style="width: 240px;"><el-dropdown-item v-for="item in yearList" :key="item" style="float:left" :command="item">{{item}}</el-dropdown-item></el-dropdown-menu></el-dropdown><!--按季度--><el-dropdown trigger="click" @command="handleQuarterly"><el-button size="mini">{{$t('overview.quarterlyStatistics')}}</el-button><el-dropdown-menu slot="dropdown"><el-dropdown-item v-for="item in yearIntervalList" :key="item" :command="item">{{item}}</el-dropdown-item></el-dropdown-menu></el-dropdown><!--按年--><el-dropdown trigger="click" @command="handleYearly" :hide-on-click="yearlyHideOnClick"><el-button size="mini" @click="yearlyClick">{{$t('overview.yearStatistics')}}</el-button><el-dropdown-menu slot="dropdown" style="width: 240px;"><el-dropdown-item v-for="item in yearList" :key="item" style="float:left" :command="item">{{item}}</el-dropdown-item></el-dropdown-menu></el-dropdown></div>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。