0%

导出表格功能

依赖包安装
1
2
npm install -S file-saver xlsx
npm install -D script-loader

下载 Blob.js 和 export2Excel.js,放到同一个文件夹
修改 export2Excel.js,否则第一次点击导出时会报错

阅读全文 »

element-ui 表格需要格式化内容后展示

使用 element 表格的 formatter 属性
1
2
3
4
5
6
7
<el-table-column prop="status" label="状态" :formatter="formatStatus"></el-table-column>

methods:{
formatStatus(row, column) {
return row.status === "1" ? "成功" : row.status === "0" ? "失败" : "/";
}
}
阅读全文 »

问题:el-tooltip 只有两种主题,不符合当前的需求

解决方法:自行添加样式
使用 popper-class 为 Tooltip 的 popper 添加类名
因为 tooltip 节点是在组件外生成的,所以需要写全局的样式,不能加 scoped

阅读全文 »

问题:el-date-picker 在清空时,控制台报错

1
2
3
4
5
6
vue.js:634 [Vue warn]: Error in v-on handler: "TypeError: Cannot read property '0' of null"

found in

---> <ElDatePicker> at packages/date-picker/src/picker.vue
<Root>
阅读全文 »

当父元素的第一个子元素的设置margin-top时,margin值会传递给父元素,而子元素和父元素的边距则没有发生变化。
大部分情况下,用overflow:hidden,可以解决问题;很多文章都说为父元素添加overflow:hidden,这个方法是完美的。
但是今天发现用在一个项目上 overflow:hidden 在chrome浏览器正常,在IE浏览器出现了offset 1px 的情况。

阅读全文 »

1
2
3
let arr = [1, 1, 2, 2, 3, 3];
let newarr = Array.from(new Set(arr));
console.log(newarr);//[1, 2, 3]

let

变量声明不会提前
块级作用域
let 不允许相同作用域内多次声明同一变量

阅读全文 »