mismatchRules

1、必填校验提示语

说明：输入框、下拉框等表单元素的必填校验提示语。

用法：鼠标停留在必填校验规则对象后面（或者鼠标双击选中），点击右键，选择必填校验提示语，会在鼠标停留的位置后加上（或者把鼠标选中区域替换为）必填校验规则模板代码。

适用文件：vue文件、js文件。

  ...
  data() {
    return {
      ...
      // 自动生成this.$ruleMessage(1, '')
      rules: [{ required: true, message: '请输入'this.$ruleMessage(1, '') }]
      ...
    }
  }
  ...

2、生成mismatchRules

说明：下拉框选中的值和数据来源不匹配的校验规则

用法：鼠标停留在校验规则数组最后一项后面（或者鼠标双击选中最后一项），点击右键，选择生成mismatchRules，会在鼠标停留的位置（或者鼠标选中区域的末尾）加上下拉框自定义校验规则模板代码，并自动在script标签下引入该方法。

适用文件：vue文件、js文件。

  <script>
    // 自动生成mismatchRules方法的导入
    import { mismatchRules } from '@/common/js/validator.js'
    ...
    data() {
      return {
        ...
        // 自动生成, mismatchRules(() => opts)
        rules: [{ required: true, message: '请选择' }, mismatchRules(() => opts)]
        ...
      }
    }
    ...
  </script>

3、生成toast提示语

说明：调用接口成功弹出的提示语或者是前端触发校验拦截提示语等

用法：在鼠标停留的位置，点击右键，选择生成toast提示语，会生成调用toast提示的代码片段，并自动在methods中定义该代码片段所依赖的方法，以及在生命周期函数中(created/mounted)通过异步的方式调用该依赖方法。

适用文件：vue文件。

  created() {
    this.queryMsgOpts() // 自动生成queryMsgOpts方法的调用
    ...
  }
  methods: {
     // 自动生成queryMsgOpts方法的定义
    async queryMsgOpts() {
      const {  } = await this.$queryMessage('')
      this.msgOpts = 
    },
    ...
    save() {
      ...
      // 自动生成成功/警告等提示语的代码片段
      this.$message({
        type: this.$getValue(this.msgOpts, '', 'value', 'promptName'),
        message: this.$getValue(this.msgOpts, '')
      })
      ...
    }
  }