Question

使用Vee与Vue一起验证，并且在编译时出现以下错误：

error: 'required' is defined but never used (no-unused-vars)
error: 'max' is defined but never used (no-unused-vars)

我的代码段如下

      <ValidationObserver ref="observer" v-slot="{ invalid }" tag="form" @submit.prevent="submit()">
        <div class="form-group">
          <label for="password">Password</label>
          <ValidationProvider rules="required|max:50" v-slot="{ errors }">
            <input type="password" v-model="password" name="password" class="form-control"/>
            <span>{{ errors[0] }}</span>
          </ValidationProvider>
        </div>
      </ValidationObserver>

<script>
import { ValidationProvider, ValidationObserver } from 'vee-validate'
import { required, max } from 'vee-validate/dist/rules'

export default {
  components: {
    ValidationProvider,
    ValidationObserver
  }
}
</script>

我可以通过添加以下代码来抑制错误

Vue.use(required)
Vue.use(max)

但这是正确的方法还是我可以在eslint中使用设置来防止这些错误？

Answer 1

事实证明这很容易，但是我仍然不确定这是否是最好的方法-如果有人有更好的答案，请发表！

/* eslint-disable no-unused-vars */
import { required, max } from 'vee-validate/dist/rules'
/* eslint-enable no-unused-vars */

更新我认为官方方法是扩展您使用的每个规则：

extend('required', required)
extend('max', max)

eslint vee验证没有使用的变量

1 个答案: