element 表单提交验证

element表单提交验证

先说下要实现的效果，页面有两个文本框，标题内容要控制在1-20个字之间，内容要控制在1-80个字之间，这是其一，然后点击预览时，如果标题或者内容有一个没填写，就不能预览，要提示填写缺少的内容，这是其二，如果标题超过20或者内容超过80字时候，不能进行预览，要求按提示填写正确内容，先看下页面效果：

下面是代码实现效果：

HTML：

      <!-- 表单 -->
      <el-form
        ref="form"
        :model="form"
        label-width="100px"
        enctype="multipart/form-data"
        method="post"
        :rules="rules"
      >
        <el-form-item label="通知标题" prop="title">
          <el-input
            v-model="form.title"