2***@qq.com
2***@qq.com
  • 发布:2019-03-21 11:45
  • 更新:2019-03-21 12:35
  • 阅读:3560

一个form表单统一提交的获取input值

分类:uni-app

一个form表单中通过循环生成多个input,当点击提交的时候如何获取到input对应的值,并且每个input互不影响
就是类似淘宝中的一个订单有多个商品发表评价,发表评价得要获取评价的星级以及评价的内容,并且还得和商品一一对应
这种功能该如何实现,可以提供一下思路吗?

2019-03-21 11:45 负责人:无 分享
已邀请:
DCloud_uniAD_HDX

DCloud_uniAD_HDX

<template>  
    <view class="content">  
        <form @submit="formSubmit" @reset="formReset">  
            <view class="uni-form-item uni-column" v-for="(item,index) in formList" :key="item.name">  
                <view class="title">{{item.label}}</view>  
                <input class="uni-input" :name="item.name" placeholder="" />  
            </view>  
            <view class="uni-btn-v">  
                <button formType="submit">Submit</button>  
                <button type="default" formType="reset">Reset</button>  
            </view>  
        </form>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                formList: [{  
                        label: "名称1",  
                        name: "name1"  
                    },  
                    {  
                        label: "名称2",  
                        name: "name2"  
                    }  
                ]  
            }  
        },  
        onLoad() {  

        },  
        methods: {  
            formSubmit: function(e) {  
                console.log('form发生了submit事件,携带数据为:' + JSON.stringify(e.detail.value))  
            },  
            formReset: function(e) {  
                console.log('清空数据')  
                this.chosen = ''  
            }  
        }  
    }  
</script>  
  • 2***@qq.com (作者)

    好的 非常感谢了

    2019-03-22 13:27

该问题目前已经被锁定, 无法添加新回复