render 怎么使用v-if

当在Vue的render函数中不能直接使用v-if进行条件渲染时,可以借助JavaScript的if语句来决定是否添加元素到DOM。例如,文章展示了如何在link元素后动态添加el-divider元素,基于listQuery.type的值。

在Vue中使用render函数 有些时候我们需要判断这个元素是否需要渲染,在正常的DOM结构中可以直接使用v-if 但是 render函数中有些时候是无法使用v-if 来进行判断 ,这时我们可以使用if 来判断是否添加该元素

render: (h, data, row) => {
            let DomArr=[
              <el-link type="primary" onClick={this.handleEdit.bind(this, row)}>
                详情
              </el-link>,
             
          
            ];
            if(this.listQuery.type==0){
             DomArr.push(
              <el-divider    direction="vertical"></el-divider>,
              <el-link
                 type="primary"
                
                 onClick={this.handleDel.bind(this, row)}
               >
                 删除
               </el-link>,)
            }
            return  DomArr
          },
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值