rules: {
      ResearchNO: [
        { required: true, message: '請(qǐng)輸入項(xiàng)目代碼', trigger: 'blur' },
        {
          required: true,
          transform: (value) => value && value.trim(),
          message: '項(xiàng)目代碼不能全部為空',
          trigger: 'blur'
        }
      ],
      Name: [
        //輸入為空
        { required: true, message: '請(qǐng)輸入項(xiàng)目名稱', trigger: 'blur' },
        {
          min: 1,
          max: 50,
          message: '長度在 1 到 50 個(gè)字符',
          trigger: 'blur'
        },
        //不能全部輸入空格
        {
          required: true,
          transform: (value) => value && value.trim(),
          message: '項(xiàng)目名稱不能全部為空',
          trigger: 'blur'
        }
      ]
    },

 {
          required: true,
          transform: (value) => value && value.trim(),
          message: '項(xiàng)目名稱不能全部為空',
          trigger: 'blur'
        }

 <el-form-item label="項(xiàng)目名稱" prop="Name">
          <el-input v-model.trim="projectInfo.Name" placeholder="請(qǐng)輸入項(xiàng)目名稱"></el-input>
        </el-form-item>

<el-form :rules="rules" :model="form" label-width="80px">
    <el-form-item label="活動(dòng)名稱" prop="name">
        <el-input v-model="form.name"></el-input>
    </el-form-item>
</el-form>

<script>
export default {
    data() {
        return {
            form: {
                name: ''
            },
            rules: {
                name: [
                        { required: true, message: '請(qǐng)輸入活動(dòng)名稱', trigger: 'blur'},
                        { pattern: /^(?!\s+).*(?<!\s)$/,  message: '首尾不能為空格', trigger: 'blur' }
                ]
            }
        }
    }
}
</script>