标签:el Typescript name Vue 报错 ProjectClass new any icon
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' })
];
标签:el,Typescript,name,Vue,报错,ProjectClass,new,any,icon 来源: https://blog.csdn.net/qq_38408390/article/details/115046881
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。