qq_24133535的博客

el-table最后一列设置了fixed=“right”，没有滚动条的时候，最后一行就会被遮挡掉一半。

问题原因为了防止浏览器自动将记住的密码回填进type="password"输入框，所以在type="password"输入框上面加了两行代码，使浏览器将密码填充到新加的输入框里（.hide-input样式将两个输入框隐藏）：<input type="text" class="hide-input"><input type="password" class="hide-input"><el-input v-model="form.password" show-passwo

现象：最后一列“邮编”设置了fixed=“right”，边框消失解决方法：<style>.el-table__fixed-header-wrapper { .el-table__header { th:not(.is-hidden):last-child { right: -1px; } }}</style>

现象一个使用了element-ui里v-infinite-scroll无限滚动的div，在360浏览器中显示正常，但是在谷歌浏览器中，点刷新就会出现几秒空白之后才显示出内容，而F12审查元素中，这些元素都是存在的，并且高度宽度完全没有变化。解决给父元素加了position属性就可以了。虽然我也不知道为什么…...

desc: "第一行↵第二行↵↵第四行 前面有空格" <el-form-item label="描述："> {{ desc }} </el-form-item>如果{{desc}}里包含换行符，这样展示出来是不换行的。解决方法：使用 pre 标签 <el-form-item label="描述："> <pre>{{ desc }}</pre> </el-form-item>添加

用了各种方法修改这个值，但是总是无效。后来发现原因是它是在自定义表头里。解决方法：slot=“header” 换成 #header<template #header></template>

现象：el-table表格多选时，全选被禁用了还是能选中解决：在el-table中添加方法 @select-all，当没有选中的数据时，清空选择。事件名说明参数select-all当用户手动勾选全选 Checkbox 时触发的事件selection方法名说明clearSelection用于多选表格，清空用户的选择<el-table ref="refTable" :data="tableData" @

现象：当form表单中只有一个el-input时，在input中回车时会触发表单提交（页面刷新）解决方法：给form表单添加 @submit.native.prevent<el-form :model="form" ref='form' @submit.native.prevent></el-form>

添加属性 οnpaste=“return false”<el-input v-model="password" show-password onpaste="return false" placeholder="请输入密码"></el-input>

现象：表头与表格的border错位解决：给el-table附加样式.el-table th.gutter { display: table-cell !important;}

element-ui表格el-table-column使用v-if造成的表头与数据错位现象：element-ui表格el-table-column使用v-if造成的表头与数据错位。解决办法：给每列加上key属性。扩展：当多个相同的组件并列，要给组件设置key属性。...