Vue 进阶(幺贰叁):v-for 实现一行展示 n 个元素
一、需求背景
在开发前端项目过程中,遇到结果列表操作栏位需要每 2 个按钮元素为一行展示需求。
二、需求分析
可通过将返回值封装为二维数组,或者根据数组下标进行换行操作。
三、解决方案
经过实践,发现将返回值数组封装为二维数组,然后前端通过el-row,el-col
标签封装实现。实现代码如下:
复制代码
复制代码
四、拓展阅读
版权声明: 本文为 InfoQ 作者【No Silver Bullet】的原创文章。
原文链接:【http://xie.infoq.cn/article/e693ac9faf5d2af21be9d1cad】。文章转载请联系作者。
评论