Vue iview中的render小案例3

Posted home-

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue iview中的render小案例3相关的知识,希望对你有一定的参考价值。

当我按下play、穿梭在大街小巷没什么不对、每个人都会、只是你在束缚自己、快来做个一等一的player、要求自己不能够太普通、一定必须要去做点成就

Vue iview中的render小案例

第一个数据比较好拿是对象直接.就可以,第二个是数组所以需要遍历会麻烦些

工序一道也少不了,就像下面迟早会补齐的

每天记录一点点

技术图片

 

 

 

{
          title: "场馆地址",
          // key: "gymnasium.name"
          render: (h, params) => {
            return h(
              "div",
              {
                style: { width: "100%", textAlign: "center" }
              },
              [
                h(
                  "span",
                  {
                    style: { color: "#555555" }
                  },
                  params.row.gymnasium.address //后端数据
                )
              ]
            );
          }
        },
        {
          title: "当前会卡",
          render: (h, params) => {
            var arr = params.row.ownCard;
            var newArr = [];
            arr.map(item => {
              console.log(item, "**************");
              newArr.push(h("div", [h("span", item.card.name)]));
            });
            return h("div", newArr);
          }
        },

 

以上是关于Vue iview中的render小案例3的主要内容,如果未能解决你的问题,请参考以下文章

iview render函数常用总结(vue render函数)

Vue render函数

iview左侧导航实现

iview-form内table修改字段效验

vue2.X+iview2.xiView在非 template/render 模式下标签的转化

Vue+IView使用过程中使用Table组件Render不生效问题