美文网首页
vue中如何为模板渲染的最后一条绑定样式

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

作者: 2c52471f21c8 | 来源:发表于2019-02-22 10:20 被阅读0次

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

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

    HTML如下

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

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

    相关文章

      网友评论

          本文标题:vue中如何为模板渲染的最后一条绑定样式

          本文链接:https://www.haomeiwen.com/subject/xpysyqtx.html