今天发现了一个很奇怪的前端问题,就是form表单的按钮全部失效,点击没有反应,而且鼠标移上去都不出现手指头
对于下面这段html代码,实在是找不出什么问题
<el-form v-if="isComplainView" :inline="true" size="small" :disabled="disabled">
<el-form-item v-if="this.$route['params'].showBack">
<el-button type="success" @click="back()" style="float: right">返回</el-button>
</el-form-item>
<el-form-item style="float: right; margin-right: 0">
<el-button v-for="e in buttons" :key="e.key" type="primary" @click="showDialog(e.type, e.name, e)" :loading="e.loading">{{e.name}}</el-button>
<el-button type="danger" size="small" @click="refresh()" :loading="loading">刷新权限</el-button>
</el-form-item>
</el-form>
但是里面有一个样式 style:float:right
后面我自己各种尝试,网上也没有找到原因,然后怀疑是不是样式的问题,就把下面的另一个button移到下面一行,不使用float样式,变成这样
然后奇迹般的按钮恢复正常,可以点击了(虽然没有确定原因,但是基本就确定是style的问题了)