过滤客户在输入框中输入空格

我们在做表单提交的时候，往往回去显示客户输入的内容是否符合要求，就要进行一些限制或者过滤，比如提交表单时候不允许客户输入空格提交
  <el-form
    ref="form"
    :model="form"
    :rules="rules"
    label-width="80px"
    label-position="right"
    style="overflow:hidden"
  >
    <el-form-item label="产品名称" prop="productname">
      <el-input v-model.trim="form.productname" placeholder></el-input>
    </el-form-item>
    <el-form-item label="规格" prop="specification">
      <el-input v-model.trim="form.specification" placeholder="mm"></el-input>
    </el-form-item>
  </el-form>
  此时这两个输入框就不能输空格
  重点代码：v-model.trim