eslint vee 验证 no-unused-vars答案

【问题标题】：eslint vee validate no-unused-varseslint vee 验证 no-unused-vars
【发布时间】：2020-03-01 04:32:27
【问题描述】：

在 Vue 中使用 Vee Validate，编译时出现以下错误：

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

下面是我的代码sn-p

      <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 中使用设置来防止这些错误？

【问题讨论】：

标签： vue.js eslint vee-validate

【解决方案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)

【讨论】：