引入日期时间的时候遇到英文问题?
需要在main.js配置这句话:
import locale from “element-ui/lib/locale/lang/zh-CN”;
Vue.use(ElementUI, {locale})
表示全局配置element 多语言 组件。
选择完成的日期时间结果打印。
框架返回的时间是这样的:Fri Nov 10 2000 04:01:01 GMT+0800 (中国标准时间),可以通过以下方式转换成:2000-11-10 4:1:1
let Day = new Date(e[0]);
let Time=Day.getFullYear() +“-” +this.double(d.getMonth() + 1) + “-” +this.double(d.getDate()) + " " +this.double(d.getHours())+“:” +this.double(d.getMinutes()) +“:” +this.double(d.getSeconds());
double(num) {
if (num < 10) {
return “0” + num; //如果时分秒少于10,则在前面加字符串0
} else {
return “” + num; //否则,直接返回原有数字
}
}
根据条件高亮数据
在table标签上添加次函数 :row-class-name=“tableRowClassName”。
tableRowClassName({row, rowIndex}) {
if (row.money > 5000) {
return ‘money-row’
}
}
然后筛选条件返回一个类名。
:row-class-name 是在 td 上添加类名,还有 :cell-class-name 往 tr 上面加。
循环表头
在table表格中如果头部不固定可以这样写~
<el-table-column
v-for="(item, i) in ClothesSize"
:prop="item.prop"
:key="i"
:label="item.size"
width="180">
</el-table-column>
在 ClothesSize 里面 size就是标题,prop 这个属性名是表示使用 table 里面的 :data=“tableDataClothes” 的数据。
隐藏的 el-scrollbar 组件
element中有个隐藏的组件官方并未给出文档,他是自带的一个自定义滚动组件,也是非常好用的~
<el-scrollbar wrap-class=&