iview table控件在render函数里设置DOM属性值的方法

columns:[
   {
     title: '员工头像',
     key: 'a',
     render:(h,params) =>{
        return h('div',{
           style: {
              width: '100%',
              height:"120px",
              display: "flex","justify-content": "flex-start","align-items": "center"
            }
         }, [
            h('img', {
               style:{width:"100px",height:"100px",},
               domProps: {src: params.row.a}  //img标签时用domProps添加属性;其他标签用props添加属性。
            }, ""),
            h('Button', {
                                  props: {
                                      type: 'primary',
                                      size: 'small'
                                  },
                                  style: data1Btn,
                                  on: {
                                      click: () => {
                                          this.showDetail(titleTime,params.row)
                                      }
                                  }
                              }, '查看'),
         ]);
       }
    }
]

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值