2020年6月9日 星期二
Try to have fun. Otherwise, what's the point?
今天的话，就是对昨天的后天管理系统的Home页面进行了一个页面的布局，以及搜索和添加数据，还有分页器，总体感觉吧主要还是胶水能力，最重要的就是学会查阅文档，掌握最新的一手资料，home页面的接口的话还是跑通了，感觉难度不大。最重要的是学会查阅文档。 然后过滤器的这块的话之前呢也进行了一个总结，但是能到今天写的时候又忘记了，所以把总结的有复习了一遍。
接口中后台返回的数据格式不是咱们想要的，在vue中如何处理？
vue的过滤器来处理的：例如：货币$,千分分隔符，性别0,1咱们要处理男，女
Vue.filter()
filters:{}
//创建一个日期的全局过滤器
//Vue.filter('过滤器名',函数)
Vue.filter('date', function (t) {
return moment(t).format("YYYY-MM-DD h:mm:ss a")
})
处理日期插件：moment
npm i moment
moment.locale('zh-cn') //设置中文
moment(t).format("YYYY-MM-DD h:mm:ss a")
说明：t代表要传递的时间戳 例如："create_time": 1486720211,
如果对表格数据进行内部处理再输出，通过在el-table-column中内嵌template,通过slot-scope来指定数据源
<template slot-scope="scope">
<span >{{ scope.row.create_time | date }}</span>
</template>
