1.如果后台返回的时间是时间戳,展示时必须转换成时间格式
render: (h, params) => h('span', typeof params.row.modified_time === 'number' ? new Date(params.row.modified_time).format('yyyy-MM-dd hh:mm:ss') : '')
2.序号,table默认的type:index,点击第二页,列表序号还是从1开始
render: (h, params) => {
return h('span', params.index + (this.usersListData.currentPage - 1) *this.usersListData.pageSize + 1);
}
注:
this.usersListData.currentPage:第几页
this.usersListData.pageSize:每页条数
3.表格右侧按钮,加Poptip,鼠标点击展开所有操作按钮
render: (h, params) => {
const _this = this;
return h('div',
[
h('Poptip', {
attrs: {
placement: 'bottom-end' // Poptip提示框展示的方向
},
class: ['actionBar'] // 提示框类名 用来定义样式
},
[
h('Button', // 编辑 三点按钮
{
attrs: {
type: 'text',
size: 'small'
},
style: {
border: '0',
backgroundColor: 'transparent',
boxShadow: '0 0 0'
}
},
[
h('Icon', {
props: {
type: 'more'
},
style: {
marginRight: '8px'
}
})
],
),
h('div', {
slot: 'content', // 提示框内容
style: {
width: '85px',
overflow: 'hidden'
}
},
这里是Poptip里的内容,按钮
])
])
])
}