Typescript + Vue + Eslint使用不报错的方法总结。一、vue-class-component官方文档里的一种解决办法public $refs!: { projectCreate: ProjectCreate };this.$refs.projectCreate.open();public $refs!: { input...
Typescript + Vue + Eslint使用不报错的方法总结。
一、vue-class-component官方文档里的一种解决办法
public $refs!: { projectCreate: ProjectCreate };
this.$refs.projectCreate.open();
public $refs!: { input: HTMLInputElement };
this.$refs.input.focus();
二、vuex-class 用法
@State private setting!: SettingState; @State nav!: { homePath: '' };
@Getter private syncData: any;
@Mutation private changeHourly!: (checked: boolean) => void;
@Action private sync!: (data: any) => void;
三、ts提示语总结
对于刚刚接触ts的鸟来说这些提示也是无比的陌生。
比如:
- file should end with a newline (eofline): 文件应该以空行结尾,在ts的代码最后打一个空行就行了。
- Missing semicolon (semicolon): 缺少分号, 在ts的语句后指定位置加上分号即可。
- missing whitespace (whitespace): 缺少空格,在相应的位置打上空格即可。
四、类构造函数对象参数不使用any,同时继承父类和接口的办法
interface FormTableInterface {
getTableData(params?: any): any;
postFormData(params: any): any;
putFormData(params: any): any;
deleteRecord(ids: number[] | string[]): any;
}
class BaseBusinessDepartment extends CmdbApiClass implements FormTableInterface {
id = 0;
company = '';
department = '';
readonly apiType = 'business_department';
constructor(data: Partial<BaseBusinessDepartment> = {}) {
super();
Object.assign(this, data);
}
}
五、对象数组的初始化
const projects: Array<ProjectClass> = [
new ProjectClass({ name: '项目长花木成畦手自栽花木成畦手自栽花木成畦手自栽', icon: 'el-icon-cpu' }),
new ProjectClass({ name: '项目短', start: true, icon: 'el-icon-link' }),
new ProjectClass({ name: '项目短3', visitDate: new Date('2021/03/20'), icon: 'el-icon-connection' }),
new ProjectClass({ name: '项目短3', icon: 'el-icon-medal-1' }),
new ProjectClass({ name: '项目短3', icon: 'el-icon-trophy' })
];
沃梦达教程
本文标题为:Typescript + Vue + Eslint使用不报错的方法总结。
基础教程推荐
猜你喜欢
- Ajax发送和接收请求 2022-12-15
- 使用ajax跨域调用springboot框架的api传输文件 2023-02-23
- 在实战中可能碰到的几种ajax请求方法详解 2023-02-01
- cocos creator游戏实现loading加载页面,游戏启动加载动画 2022-10-29
- Ajax+smarty技术实现无刷新分页 2022-12-15
- HTML clearfix清除浮动讲解 2022-11-20
- JS滚动到顶部踩坑解决记录 2023-07-10
- Javascript Bootstrap的网格系统,导航栏和轮播详解 2023-08-11
- uniapp开发微信小程序自定义顶部导航栏功能实例 2022-10-21
- 关于Ajax跨域问题及解决方案详析 2023-02-23