vue中如何为模板渲染的最后一条绑定样式

2019-02-22  本文已影响0人  2c52471f21c8

目前一个遇到一个需求,如下图,将数据以表格的样式显示出来

出于提高代码清晰、可维护程度的考虑,使用`div`模拟`table`,

HTML如下

样式上只需要为左边的div加上border-left 和border-top,为右边的div加上border-left,border-top和border-right,同时为最后一行加上border-bottom。所以便需要在模板渲染时为最后一条绑定一个样式来加上border-bottom,代码如下

当然其实也可以为第一行加上一个样式。

上一篇下一篇

猜你喜欢

热点阅读