博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【vue】render 函数如何在iview的表格中循环渲染
阅读量:4095 次
发布时间:2019-05-25

本文共 601 字,大约阅读时间需要 2 分钟。

ivue组件Table不能在标签上用v-for,以下是通过百度之后自己实现的方法:

...// 省略不重要的代码render: (h, params) => {
let arr = params.row.groupColor; return h( "div", {
style: {
display: "flex", alignItems: "center", justifyContent: "center" } }, arr.map((item, inde) => {
return h("div", {
style: {
background: item, width: "10px", height: "10px", borderRadius: "50%", marginRight: "3px" } }); }) ); } ...

实现的结果如下:两个小圆点是根据数组内容渲染得出,数组内容个数不定。

在这里插入图片描述

转载地址:http://uavii.baihongyu.com/

你可能感兴趣的文章
Koa2框架原理解析和实现
查看>>
vue源码系列文章good
查看>>
你不知道的Virtual DOM
查看>>
VUE面试题总结
查看>>
写好JavaScript条件语句的5条守则
查看>>
原生JS中DOM节点相关API合集
查看>>
【TINY4412】U-BOOT移植笔记:(7)SDRAM驱动
查看>>
【TINY4412】U-BOOT移植笔记:(12)BEEP驱动
查看>>
单链表的修改和删除
查看>>
C++的三个基本特征:封装、继承、多态
查看>>
C++虚函数的总结
查看>>
什么是URL地址?
查看>>
C++多态的实现方式总结
查看>>
学习C++需要注意的问题
查看>>
C++模板
查看>>
C++双冒号(::)的用法
查看>>
【Unity】封装SQLite管理类
查看>>
【Unity】面试题整理
查看>>
【C#】如何实现一个迭代器
查看>>
【Unity】Destroy和DestroyImmediate的区别
查看>>