在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
},


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

被折叠的 条评论
为什么被折叠?



