安装:npm install -g typescript
编译:tsc helloworld.ts
学习网站:
相关教程:
ts 遍历对象不要使用for···in
,使用for···of
const disabled = computed(() => {
let flag = true;
for (const [key, val] of Object.entries(formState)) {
if (!val) {
flag = true;
break;
} else {
flag = false;
}
}
return flag;
});
类型“string | null”的参数不能赋给类型“string”的参数。 不能将类型“null”分配给类型“string”
上面报错是因为 16 行代码之前没有|| ''
ts 的赋值较为严格,以此例警戒。
interface FormState {
input_id: string;
password: string;
remember: boolean;
}
// undefined,null等转化为""
const praseStrEmpty = (str: any) => {
if (!str || str == "undefined" || str == "null") {
return "";
}
return str;
};
let formState = reactive<FormState>({
input_id: praseStrEmpty(String(route.query.user_id) || ""),
password: praseStrEmpty(String(route.query.password) || ""),
remember: true,
});
评论区