iview、render使用方法

1.<Table size="large" :columns="columns7" :data="labelInput.label" id="appendData"></Table> 

columns7: [
                    {
                        title: 'Address',
                        key: 'address'
                    },
                    {
                        title: 'Action',
                        key: 'action', 
                        render: (h, params) => {
                        	let self = this;
                            return h('div', [
                                h('Input', {
                                    props: {
                                        type: 'text',
                                        size: 'small', 
                                        name: self.labelInput.label[params.index].name,
                                        placeholder:self.labelInput.label[params.index].placeholder,
                                    },
                                    style: {
                                        marginRight: '5px'
                                    },
                                    on: {
                                        'on-change': () => {
                                           this.show(params.index);  
                                        }
                                    }
                                }), 
                   //h('div','btn');  ]) } } ], labelInput:{ label:[ { address: '产品或服务名称', name:'product[0][product_name]', placeholder:'请输入产品或服务名称', addunit:'' }, { address: '规格型号', name:'product[0][specification_model]', placeholder:'请输入规格型号', }, { address: '单价(含税)', name:'product[0][price]', placeholder:'请输入单价(含税)', }, { address: '数量/单位', name:'product[0][unit]', placeholder:'请输入数量/单位', }, { address: '价税合计(含税)', name:'product[0][total]', placeholder:'请输入价税合计(含税)', }, ] }

  

posted @ 2018-06-29 16:10  前端技术员  阅读(7023)  评论(0编辑  收藏  举报