<el-form-item prop="mobile">代码中prop作用

在Element UI中，`<el-form-item>` 是一个表单项组件，使用该组件可以方便地创建表单项。`prop` 属性是用来绑定表单数据的，可以将该属性值设置为表单数据对象中的属性名，这样在使用表单验证或提交表单数据时，可以方便地获取到该表单项的值。

例如，在表单验证时，可以使用 `this.$refs.form.validate()` 方法来对表单进行验证，如果表单项的值不符合要求，则会返回验证错误信息。在这个过程中，就需要为 `<el-form-item>` 组件设置 `prop` 属性，以便在验证时可以找到对应的表单项数据。

另外，在表单提交时，也可以使用 `this.$refs.form.validate()` 方法先进行表单验证，然后再通过 `this.$refs.form.model` 来获取表单数据。`prop` 属性同样可以用来绑定表单项数据，在获取表单数据时可以方便地获取到对应的表单项的值。

相关问题

el-input正则校验手机号怎么使用

可以使用`el-input`的`pattern`属性来实现手机号的正则校验。具体实现步骤如下：

1. 在`el-input`中添加`pattern`属性，值为手机号的正则表达式。

<el-input v-model="mobile" placeholder="请输入手机号" pattern="^1[3456789]\d{9}$"></el-input>

2. 在`el-form-item`中添加`rules`属性，值为一个数组，数组中每个对象表示一条校验规则。

<el-form-item label="手机号" prop="mobile" :rules="[{ pattern: /^1[3456789]\d{9}$/, message: '请输入正确的手机号', trigger: 'blur' }]">
  <el-input v-model="mobile" placeholder="请输入手机号" pattern="^1[3456789]\d{9}$"></el-input>
</el-form-item>

其中，`pattern`表示校验的正则表达式，`message`表示校验失败时的提示信息，`trigger`表示校验的时机，这里设为失去焦点时触发。