Javascript

【九月打卡】第16天 Vue3 + TS 仿知乎专栏企业级项目

本文主要是介绍【九月打卡】第16天 Vue3 + TS 仿知乎专栏企业级项目,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

课程名称2022全面升级. Vue3 + TS 仿知乎专栏企业级项目

课程章节7-7 使用vuex action 发送异步请求第二部分,7-8 CreatePost 页面 ColumnId 类型报错的解决方案

主讲老师:张轩

课程内容:

利用actions发送异步请求,解决请求到的数据带来的报错

课程收获:

这节课主要就是巩固一下利用store里面仓库的actions发送异步请求,因为以前的数据是写死的,现在需要通过接口来获取,那么接口请求到的数据跟之前写死的数据难免会有一些不一样的地方,所以现在就需要对接口返回的数据进行一个类型校验,改一下之前的类型校验,这时候去回顾 CreatePost 页面的话,由于 ColumnProps 对应的更新,这里的 CreatePost页面 暂时没有同时更新(由于现在不会用到该功能,但是以后升级 CreatePost 的时候我们会修改这些代码)根本原因就是类型不匹配,由于在 ColumnProps 中我们把 id 修改成了 _id,类型成了 string,columnId 修改为了 column,类型变成了 string当然这个创建文章页面这样修改以后,暂时会没发工作,创建成功以后跳转到对应的 column 也没有数据,这是因为我们接入了真实的后端数据,假数据暂时会有问题,等到后面用接口真实的创还能数据后姐没有问题了

https://img4.sycdn.imooc.com/632a69ed00010e4617800903.jpg

这篇关于【九月打卡】第16天 Vue3 + TS 仿知乎专栏企业级项目的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!