这里写目录标题
throw new Error
throw new Error("Get data error") 是在浏览器的Console中显示错误信息。
在浏览器中调试Json
定义类型
定义数组
// 用于初始化空列表
userList: [] as UserInfo[],
// 用于尚未加载的数据
user: null as UserInfo | null,
function
Named function
css
function add(x: number, y: number): number {
return x + y;
}
anonymous function
css
let myAdd = function (x: number, y: number): number {
return x + y;
};
Axios
经典片段
css
const ax = axios.create({
baseURL: 'yourbaseUrl',
withCredentials: true,
});
const loginUser = () => { const body ={username:state.values.email, password:state.values.password};
ax.post('/login',body).then(function(response){
return response}).then().catch(error => console.log(error));}
错误及解决
ref value
ref是一个对象,必须通过value才能使用
css
const onSubmit = async () => {
await saveOrUpdate(form)
}
修正后
const onSubmit = async () => {
await saveOrUpdate(form.value)
}
because it is a constant
css
Cannot assign to 'menuArr' because it is a constant.
css
const menuArr = ref([] as MenuItem[])
menuArr = data.content
因为 ref 定义的时一个 constant 常量,赋值的时候是对常量的值进行赋值,而不是常量。
css
menuArr.value = data.content
API 和 客户端定义的数据结构不一样
错误信息,并不是服务器端没有返回数据,而是双方的数据结果不同导致不能赋值。
css
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'data')
Server
css
export type UserResponse = {
success: string
code: number
message: string
content: {
id?: number
userName?: string
userPasswd?: string
userFirstName?: string
}
}
Client
css
export interface UserProfile {
id?: number
userName?: string
userPasswd?: string