在Mac上使用vscode中遇到的问题

1. ESLint的其中一个警告

vscode编写vue代码v-for时出现Elements in iteration expect to have 'v-bind:key' directives.
不知道是否是因为eslint版本,vscode版本,OS系统的问题,没有找到相关操作步骤菜单。最后在mac我自己尝试出以下的方式消除此警告:
Code->Preferences->Settings (话说vscode的Preferences居然有子菜单,我遇到过的绝大多数Mac软件都直接有一个Preferences)
弹出如下的:


image.png

在红色框2中输入 vetur.validation.template
会看到出红色框3,默认的是true,因为是只读的,所以只能在红色框3中做修改,红色框3中输入相关内容的时候会有代码提示。
关闭后重新打开有warning的文件就会消除此警告了。
点击红色框1会出现如下的:


image.png

哎这个才像一个标准的mac的偏好设置

2. vue中引用class

在model层(model.js)中定义了如下的:

class QuestionBaseModel {
    constructor(type) {
        *****
    }
}
export default {
    QuestionBaseModel
}

在vue 的store下的index.js中:

import {QuestionBaseModel} from '../model/model'
const state = {
    sc: new QuestionBaseModel(1),
    ***
}

这个时候编译就会出现:


image.png

而实际的界面就会出现:


image.png

解决上述问题的方法是:
在model.js把
export default {
    QuestionBaseModel
}

改成

export {
    QuestionBaseModel
}

就可以了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容