修改校验规则rules中的动态message

需求：新增正词 敏感词 错误词用一个弹框，并且敏感词，正词，错误词用一个输入框

一：页面实现（根据切换的tab，判断新增的词类型，显示对应的文字）

<el-form-item
            :label="
              tabPosition == 1
                ? '正词：'
                : tabPosition == 2
                ? '敏感词：'
                : '错误词：'
            "
            prop="properWord"
          >
            <el-input
              type="textarea"
              v-model="form.properWord"
              :placeholder="
                tabPosition == 1
                  ? '请输入正词,多个请用空格隔开'
                  : tabPosition == 2
                  ? '请输入敏感词,多个请用空格隔开'
                  : '请输入错误词,多个请用空格隔开'
              "
              :disabled="onlySee"
            />
          </el-form-item>

二：动态rules，实现（切换tab的时候，修改rules规则）

    // 切换词类型
    changeType(val) {
      this.tabPosition == val;
      if (this.tabPosition == 1) {
        // 正词
        this.rules.properWord = [
          {
            required: true,
            message: "正词不能为空",
            trigger: "blur",
          },
        ];
      } else if (this.tabPosition == 2) {
        // 敏感词;
        this.rules.properWord = [
          {
            required: true,
            message: "敏感词不能为空",
            trigger: "blur",
          },
        ];
      } else {
        // 错误词
        this.rules.properWord = [
          {
            required: true,
            message: "错误词不能为空",
            trigger: "blur",
          },
        ];
      }
      this.getList();
    },

效果：

标签：正词,rules,校验,tabPosition,trigger,blur,message
来源： https://www.cnblogs.com/guohanting/p/16399258.html