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:'請輸入價稅合計(含稅)', }, ] }

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM