使用vue怎么开发一个图书管理系统-创新互联
使用vue怎么开发一个图书管理系统？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。
创新互联是一家
成都做网站、网站设计，提供网页设计，网站设计，网站制作，建网站，按需网站建设，网站开发公司，自2013年起是互联行业建设者，服务者。以提升客户品牌价值为核心业务，全程参与项目的网站策划设计制作，前端开发，后台程序制作以及后期项目运营并提出专业建议和思路。
组件代码
图书总数：
{{ totalNum }}
| 编号 |
名称 |
时间 |
操作 |
{{ book.id }} |
{{ book.name }} |
{{ book.date | date-format }} |
修改
|
删除
|
.grid {
margin: auto;
width: 530px;
text-align: center;
}
.grid table {
border-top: 1px solid #C2D89A;
width: 100%;
border-collapse: collapse;
}
.grid th,td {
padding: 10px;
border: 1px dashed #F3DCAB;
height: 35px;
line-height: 35px;
}
.grid th {
background-color: #F3DCAB;
}
.grid .book {
padding-bottom: 10px;
padding-top: 5px;
background-color: #F3DCAB;
}
.grid .total {
height: 30px;
line-height: 30px;
background-color: #F3DCAB;
border-top: 1px solid #C2D89A;
}
过滤器文件index.js
import Vue from 'vue'
import format from 'date-fns/format'
// 自定义过滤器
Vue.filter('date-format', function (value, formatStr='yyyy-MM-dd HH:mm:ss') {
return format(value, formatStr)
});main.js引入
import './filters'
看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注创新互联行业资讯频道，感谢您对创新互联网站建设公司，的支持。
分享名称：使用vue怎么开发一个图书管理系统-创新互联
地址分享：http://kswjz.com/article/djcghe.html
