vue.js - iview render函数渲染出来的按钮如何根据标识控制

问题描述

问 题

1、默认启用，显示停用按钮
2、点击停用，成功后停用按钮变成启用按钮
3、点击启用，成功后启用按钮变成停用按钮

如何通过判断来实现呢？

{title:'操作',key:'action',width:250,align: 'center',render:function(h,params){
                    return h('div', [
                                h('Button', {
                                    props: {
                                        type:'primary',
                                        size:'small'
                                    },
                                    style: {
                                        marginRight:'8px'
                                    },
                                    on:{
                                        click:function(){
                                            mSet.ableGrade(params.row);
                                        }
                                    }
                                }, '启用'),
                                h('Button', {
                                    props: {
                                        type:'info',
                                        size:'small'
                                    },
                                    style: {
                                        marginRight:'8px'
                                    },
                                    on:{
                                        click:function(){
                                            mSet.disableGrade(params.row);
                                        }
                                    }
                                }, '停用'),
                                h('Button', {
                                    props: {
                                        type:'warning',
                                        size:'small'
                                    },
                                    style: {
                                        marginRight:'8px'
                                    },
                                    on:{
                                        click:function(){
                                            mSet.editGrade(params.row);
                                        }
                                    }
                                }, '编辑'),
                                h('Button', {
                                    props: {
                                        type:'error',
                                        size:'small'
                                    },
                                    on:{
                                        click:function(){
                                            mSet.singleDel(params.row,params.index);
                                        }
                                    }
                                }, '删除')
                            ]);
                    }
                }

这个问题已被关闭，原因：问题已解决 - 问题已解决，且对他人无借鉴意义

解决方案

用 if、else 语句来判断需要渲染的节点。阅读Vue文档。

这篇关于vue.js - iview render函数渲染出来的按钮如何根据标识控制的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！