Table 表格
参数 | 说明 | 类型 | 可选值 | 默认值 | |
resizable | 对应列是否可以通过拖动改变宽度(需要在 el-table 上设置 border 属性为真) | boolean | — | true | |
show-overflow-tooltip | 当内容过长被隐藏时显示 tooltip | Boolean | — | false |
//resizable在column上传值,可设置此列禁止拖动
//show-overflow-tooltip在column上传值,可设置此列溢出hover时候显示tooltip
<el-table-column prop="address" label="地址" :resizable='false' show-overflow-tooltip></el-table-column>
loading
vue项目在main.js里配置全局loading不能指定target
如需指定target可在每个页面中单独配置
如果完整引入了 Element,那么 Vue.prototype 上会有一个全局方法 $loading
,它的调用方式为:this.$loading(options)
,同样会返回一个 Loading 实例。
页面内设置全部变量 const loading
发请求前:
loading = this.$loading({ lock: true, text: 'Loading', spinner: 'el-icon-loading', background: 'rgba(0, 0, 0, 0.7)' });
请求成功
setTimeout(() => { loading.close(); }, 2000);
配置参数:Options
参数 | 说明 | 类型 | 可选 | 默认值 |
---|---|---|---|---|
target | Loading 需要覆盖的 DOM 节点。可传入一个 DOM 对象或字符串;若传入字符串,则会将其作为参数传入 document.querySelector 以获取到对应 DOM 节点 |
object/string | — | document.body |
body | 同 v-loading 指令中的 body 修饰符 |
boolean | — | false |
fullscreen | 同 v-loading 指令中的 fullscreen 修饰符 |
boolean | — | true |
lock | 同 v-loading 指令中的 lock 修饰符 |
boolean | — | false |
text | 显示在加载图标下方的加载文案 | string | — | — |
spinner | 自定义加载图标类名 | string | — | — |
background | 遮罩背景色 | string | — | — |
customClass | Loading 的自定义类名 | string | — | — |