iview,用render函数渲染

摘要:
==0?' none“:'inline'},on:{click:()=˃{this.remove(params.index,'discountData')}})])})}]add(dataName){varobj=JSON.parse(JSON.stringfy(this[dataName].defaultRows)))this[detaName].rows.push(obj)}remove(index,value){this[value].rrows.splice(index,1)}
<Table border :columns="discountColumns" :data="discountData.rows"></Table>

     discountData: {
                    total: 1, rows: [
                        {
                            randomDiscountRangeMax: '',
                            randomDiscountRangeMin: '',
                            population: ''
                        },
                    ],
                    defaultRows:
                        {
                            randomDiscountRangeMax: '',
                            randomDiscountRangeMin: '',
                            population: ''
                        },
                }
                
 
 
    discountColumns: [
                    {
                        key: 'randomDiscountRange',
                        align: 'center',
                        title: '随机立减范围',
                        render: (h, params) => {
                            var me = this
                            return h('div', [h('Input', {
                                props: {
                                    type: 'text',
                                    value: me.discountData.rows[params.index].randomDiscountRangeMin,
                                    disabled: this.getIsDetail(),
                                },
                                style: {
                                     '100px'
                                },
                                on: {
                                    'on-blur': (event) => {
                                        me.discountData.rows[params.index].randomDiscountRangeMin = event.target.value
                                    }
                                }
                            }),
                                h('span', '元<=随机立减金额<'),
                                h('Input', {
                                    props: {
                                        type: 'text',
                                        value: me.discountData.rows[params.index].randomDiscountRangeMax,
                                        disabled: this.getIsDetail(),
                                    },
                                    style: {
                                         '100px'
                                    },
                                    on: {
                                        'on-blur': (event) => {
                                            this.discountData.rows[params.index].randomDiscountRangeMax = event.target.value
                                        }
                                    }
                                }),
                                h('span', '元')])
                        }
                    },
                    {
                        key: 'population',
                        align: 'center',
                        title: '概率',
                         300,
                        render: (h, params) => {
                            var me = this
                            return h('div', [h('Input', {
                                props: {
                                    type: 'text',
                                    value: me.discountData.rows[params.index].population,
                                    disabled: this.getIsDetail(),
                                },
                                style: {
                                     '100px'
                                },
                                on: {
                                    'on-blur': (event) => {
                                        this.discountData.rows[params.index].population = event.target.value
                                    }
                                }
                            }), h('span', '%')])
                        }
                    }, {
                        key: 'operation',
                        align: 'center',
                        title: '操作',
                         200,
                        render: (h, params) => {
                            return h('div', [
                                h('Button', {
                                    props: {
                                        type: 'primary',
                                        shape: 'circle',
                                        icon: 'plus',
                                        disabled: this.getIsDetail(),
                                    },
                                    style: {
                                        display: params.index !== 0 ? 'none' : 'inline'
                                    },
                                    on: {
                                        click: () => {
                                            this.add('discountData')
                                        }
                                    }
                                }), h('Button', {
                                    props: {
                                        type: 'primary',
                                        shape: 'circle',
                                        icon: 'minus',
                                        disabled: this.getIsDetail(),
                                    },
                                    style: {
                                        display: params.index === 0 ? 'none' : 'inline'
                                    },
                                    on: {
                                        click: () => {
                                            this.remove(params.index, 'discountData')
                                        }
                                    }
                                })
                            ])
                        }
                    }
                ]
                
 

 add (dataName) {
                var obj = JSON.parse(JSON.stringify(this[dataName].defaultRows))
                this[dataName].rows.push(obj)
            }
            
 remove (index, value) {
                this[value].rows.splice(index, 1)
           }  

 iview,用render函数渲染第1张

免责声明:文章转载自《iview,用render函数渲染》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇CentOS6 安装并破解Jira 7vue2.0之axios使用详解下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

Python 动态规划算法,计算单词距离

这个脚本python 2.4不可执行但在python26中可以 可以作为一个python语法进化的参考 centos中python默认是python2.4.3 安装完rpmforege或是epel后使用 yum install python26之后可以调用 python26来执行脚本 另外搜索 yum search python27是没有的 Python 动...

重读数据结构——严蔚敏C语言版

第一章 绪论 “数据结构”是介于数学、计算机硬件和计算机软件三者之间的一门核心课程 数据(data)是对客观事物的符号表示,在计算机科学中是指所有能输入到计算机中并被计算机程序处理的符号的总称。 数据元素(data element)是数据的基本单位,在计算机程序中痛处作为一个整体进行考虑和处理。数据项是数据的不可分割的最小单位。 数据对象(data ob...

oKit项目管理软件之管理第一个项目

oKit项目管理软件之管理第一个项目 本文将告诉您如何从零开始在oKit中管理一个项目,Let's go! Step1.登录oKit系统后台,用户名为admin,默认密码为1 登录成功后如下图: Step2.点击“单位管理”,添加第一个单位“示例单位” 添加成功后如下图: Step3.点击“人员权限管理”,添加第一个人员 添加成功后如下图: S...

搜索系列——1321 棋盘问题

棋盘问题 Time Limit : 2000/1000ms (Java/Other)Memory Limit : 20000/10000K (Java/Other) Total Submission(s) : 11Accepted Submission(s) : 4 Problem Description 在一个给定形状的棋盘(形状可能是不规则的)上面摆放...

查看phpfpm的进程和端口号

ps -ef | grep php-fpm 查看php-fpm所有的进程 ps -ef | grep php-fpn.conf 查看配置所在路径 netstat -lntp 查看监听端口 listen/network/tcp/port tcp 0 0 0.0.0.0:801 0.0.0.0:*...

centos linux mysql 10060远程错误代码

Navicat for MySQL远程连接数据错误代码10060 1.登陆远程linux服务器命令界面 vim /etc/sysconfig/iptables 进入防火墙配置修改 增加以下两条防火墙规则: -A INPUT -m state --state RELATED,ESTABLISHED -j ACCEPT -A INPUT...