iview render 函数中 button应用属性

本文详细介绍了Vue中的render函数,特别是其参数的使用,包括HTML标签、数据对象和虚拟节点(VNodes)。通过一个具体的代码示例展示了如何利用render函数创建一个带有事件监听和条件渲染的组件,同时提到了当使用domProps的innerText属性时,其内容优先级高于子虚拟节点的内容设置。
摘要由CSDN通过智能技术生成

render函数拥有三个参数

1.一个 HTML 标签字符串                     必选

2. 一个包含模板相关属性的数据对象   可选

3. 子虚拟节点 (VNodes)                       可选

render: (h, params) => {
    let _this = this
    return h('div',[
        h('i-button',{
           props: {
             type: "text",//类型
             size: "small",//尺寸
             ghost:true,//幽灵模式
             disabled:params.row.analysisState==1//状态
           },
           domProps:{//dom节点
             innerText: params.row.text || '默认'
           },
           class:'tableBtn',
           style: {
             marginRight:'8px'
           },
           attrs: {
              id: 'base-button'
           },
           on: {
             click: () => {//事件
               _this.GETsaveMicroBlogAnalysis(params.row);
             }
           }
         },'分析判断'),      
       ])
     }

当使用domProps的 innerText属性时 内容优先级大于 第三个参数 虚拟节点

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值