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:'请输入价税合计(含税)', 
	                    },
	                ]
	       }

　　

转载于:https://www.cnblogs.com/potholing/p/9243987.html