当前位置： 移动技术网 > IT编程>脚本编程>vue.js > Vue如何提交表单数据

Vue如何提交表单数据

2020年07月24日  | 移动技术网IT编程  | 我要评论

一、前言

之前写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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网