iview、render使用方法

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

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:'請輸入價稅合計(含稅)', 
	                    },
	                ]
	       }
相關文章
相關標籤/搜索