iview table里面加icon iview他变了icon滑过加Tooltip 文字提示

 {
          title: '操作',
          key: 'action',
          align: 'center',
          width: 150,
          render: (h, params) => {
              let arr = [];
              arr.push(
                  h('Tooltip', {
                      props: {
                          placement: 'top',
                          transfer: true
                      }
                  }, [ h('Icon', {
                      props: {
                          type: 'md-download'
                      },
                      style:{
                          color:'#2d8cf0',
                          cursor: 'pointer',
                          marginRight: '5px',
                          fontSize:'18px'
                      },
                      on: {
                          click: () => {
                              this.downQrcode(params.row,1)
                          }
                      }
                  }), h('span', {
                      slot: 'content',
                      style: {
                          whiteSpace: 'normal'
                      }
                  }, '二维码')
                  ])
              )
              if (params.row.isValidate == '1'){
                  arr.push(
                      h('Tooltip', {
                          props: {
                              placement: 'top',
                              transfer: true
                          }
                      }, [ h('Icon', {
                          props: {
                              type: 'md-apps'
                          },
                          style:{
                              color:'#2d8cf0',
                              cursor: 'pointer',
                              marginRight: '5px',
                              fontSize:'18px'
                          },
                          on: {
                              click: () => {
                                  this.downQrcode(params.row,2)
                              }
                          }
                      }), h('span', {
                          slot: 'content',
                          style: {
                              whiteSpace: 'normal'
                          }
                      }, '序列码')
                      ])
                  )
                  arr.push(
                      h('Tooltip', {
                          props: {
                              placement: 'top',
                              transfer: true
                          }
                      }, [ h('Icon', {
                          props: {
                              type: 'md-checkmark-circle'
                          },
                          style:{
                              color:'#2d8cf0',
                              cursor: 'pointer',
                              marginRight: '5px',
                              fontSize:'18px'
                          },
                          on: {
                              click: () => {
                                  this.downQrcode(params.row,3)
                              }
                          }
                      }), h('span', {
                          slot: 'content',
                          style: {
                              whiteSpace: 'normal'
                          }
                      }, '校验码')
                      ])
                  )
              }
            return h('div', arr);
          }
        }

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值