element-ui 之采坑记录

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

猜你喜欢

转载自blog.csdn.net/qq_37818095/article/details/81480003
今日推荐