vue页面报错：‘$‘ is not defined(no-undef) at xxxxx

今天在使用vue的时候，加入$('body').attr('class', 'login-layout light-login');报错。

<script>
    $('body').attr('class', 'login-layout light-login');
export default {
  name: 'App',
}
</script>

解决方案：

在vue项目的根目录下，新增.eslintrc.js文件。具体内容如下：

module.exports = {
    root: true,
    env: {
        node: true
    },
    'extends': [
        'plugin:vue/essential',
        'eslint:recommended'
    ],
    rules: {
        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'no-undef': 'off',
        'vue/no-unused-vars': 'off',
        'vue/require-v-for-key': 'off',
        'no-unused-vars': 'off',
        'vue/no-unused-components': 'off'
    },
    parserOptions: {
        parser: 'babel-eslint'
    }
};

 

eslint,用于检测代码规范。是一把双刃剑，有一些检测没必要，可以通过修改配置禁用掉。