vue项目添加ts后问题

1、js-cookie

引入的 Cookie 找不到 module 问题

yarn add @type/js-cookie
yarn add js-cookie

2、使用Ele-UI库的方法

ts 类型报错 any

this.$refs.form.resetFields()
this.$refs.form.validate()

解决方法:

const ref: any = this.$refs.form;

ref.resetFields() // 清空表单
ref.validate()  // 表单验证

3、form表单等对象的声明

private form: any = {
    name: '',
    code: ''
}

this.form.name ts报错 获取不到

解决方法：

定义interface接口参数
须写在@Component前

interface formDTO {
    name: string,
    creditCode: string,
    radio: number,
    notifyUrl: string,
    publicKey: string
}

private form: formDTO = {
    name: '',
    creditCode: '',
    radio: 1,
    notifyUrl: '',
    publicKey: ''
};