1. 在form中增加rules绑定，具体如下图：

      image.png

    2. 在需要校验的字段上，设置 prop属性，具体如下图：

      image.png

    3. 在data中定义 rules的规则，具体如下图：

    image.png
    有特殊校验的，参考如下：
    image.png
    验证温度范围在34-36度之间，具体代码如下
    data() {
    var checkTemperature = (rule, value, callback) => {
    if (!value) {
    // return callback(new Error(‘今日体温不能为空’));
    callback();
    }
    setTimeout(() => {
    if (Number.isNaN(value)) {
    callback(new Error(‘请输入数字值’));
    } else {
    if (value < 34 || value>42) {
    callback(new Error(‘今日体温必须在34-42度范围内’));
    } else {
    callback();
    }
    }
    }, 1000);
    };
    return {
    healtyMemoList,
    ……
    image.png

    1. 在调用保存时，加入校验代码进行验证，如下图：

    image.png
    调用验证的方法还可以写作同步方式，如下图：
    image.png

    1. 在el-form中定义的rules检验字段，如果你的rules中有字段通过v-if进行隐藏，rules是不会对隐藏的字段选项进行判断，只要定义一个完整的rules就行，v-if隐藏的部分不会进入校验方法中。