Vue如何提交表单数据

一、前言

之前写React的时候，因为数据是单向绑定，所以提交表单的时候，有一个去获取表单数据的过程。所以在使用Vue的时候还是摸索了很长时间才搞懂Vue的v-model双向数据绑定。

二、例子

（1）、表单

 

<el-form :model="form" :rules="rules" ref="form">
            <el-form-item label="路径" :label-width="formLabelWidth" prop="localUrl">
                <el-input v-model="form.localUrl" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="目标主机" :label-width="formLabelWidth" prop="targetHost">
                <el-select v-model="form.targetHost" filterable placeholder="请选择目标主机">
                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option

本文地址：https://blog.csdn.net/qq_29777207/article/details/107428519