公司的新业务需要使用nuxt3写,完全没接触过,从0开始已经是第九天了,一步一个脚印写代码,加油加油加油.
纯属当自己的记录帖,每天下班前20-30分钟记录一下,文字这块写的会比较随意,勿喷. start:2024-03-21 17:55 如有错误,还请指点。
开始自己找了很多视频看,也看了官方文档,没有操作到真实接口。问了几个大佬,弄来了个封装好的接口请求.还是有很多问题。我的项目数据需要不断刷新,我在onMonuted调用封装好的请求数据函数,一直得到null,而且用定时器执行任务时,一直报错,一直没搞懂这个问题。 解决这个问题的时候,自己捣鼓了半天还是没搞明白,还是去请教了一个很厉害的大佬,给我屏幕共享了一个多小时,帮我重新封装 接口请求,告诉我要怎么写。大佬就是不一样 ,写出来的东西通俗易懂,差距真的太大了,大佬还说我要是一直any就别用 ts了,哈哈。 解决方案:
//获取信息
const { data: cionList, refresh } = await onGetCoinAllData("1", "5");
//利用计算属性 每次cionList变化跟新 list
const list = computed(() => cionList.value?.data.data ?? {});
// 定义一个计时器
const timer = ref(null);
// 在组件挂载时启动定时任务
onMounted(() => {
timer.value = setInterval(() => {
//重载数据
refresh();
}, 60000); //60秒重载一次数据
});
//最后在组件销毁时清除定时任务即可
refresh是nuxt3自带的,调用这个就相当于,重新执行一遍接口请求。非常好用,这样就不需要封装成一个函数,再调用这个函数重新获取数据了。 onGetCoinAllData是封装的请求
2024/3/23 11:10
有时候会报莫名其妙的错,运行的好好的,我改css,突然报我 js的错误,很奇怪.重启项目就没问题了。
11:33 又出现了 就是这样的,很离谱。我chatgpt问这个问题,说什么引入sass结尾的文件得 @import 可我明明引入的是 ts文件啊,我重启项目又没问题了,等下看看还会不会出现。
路由跳转问题 2024/3/23 13:56
用 router.push跳转路由带参,获取不到带过来的参数。看见好几个文章上教程都是用NuxtLink 跳转,我试了一下还是没获取到参数,我去研究一下文档看看。
2024/03/25 15:03补
路由跳转还没解决,忙着扣其他页面的样式,还要弄复杂的折线图。先扣样式吧,今天实在状态不佳,昏昏沉沉的,天气也好热了。
2024/03/25 14:56
昨天三点多才睡着,今天一直心不在焉的,新项目马上又来了。之前一个项目接口还没对接,nuxt3的这个项目也在开发,估计得三个项目同步开发了,关键还是三个不同技术栈的。等新项目原型出来先搞新项目吧,简单一点,给自己放松几天,最近一直有点失眠。
2024/03/25 17:54
感觉今天没写啥东西,明天再好好写补起来吧。太难了,今天回去好好休息一下。
2024/03/26 17:43
css样式真的好难啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊,以前觉得css简单,真的遇见页面复杂一点的才知道css是最难的。很多东西都没有库用,只能自己一点点慢慢敲。今天还不错,昨天晚上开始运动了,睡的比较早,今天一天都活力满满,写的代码也比之前多,加油加油,继续保持。
2024/03/27 17:49
今天依旧是被css给困惑的一天,这个网站css效果太多太复杂了,很多东西没有ui库用,只能只用用原生来操作效果。不过写出来的自己觉得还行。 现在在写这个页面,巨长,这才刚开始。样式也挺多的,自己一点点一点点的扣css,感觉经常被取名给困惑住,有没有什么好的取名方式呢。 粉红色的盒子是一个ECharts图,还没开始弄 今天一天还行,马上下班了,明天继续加油学习。
2024/03/28 17:46
今天负责技术这块的老板回来了,和他在对接写的另一个网站,他负责的后端。项目拖挺久了,那时候用vue2写的,还好之前自己做了注释,不然真的搞不懂了,但是也发现了一些问题。 我把 vuex 解构到mixins中,再把mixins 全局混入的main.js中,我在某个js文件 直接 this.方法名,显示这个方法不存在,但是在别的vue页面是可以正常this.方法名调用这个方法的,难道mixins全局混入了也只可以在vue页面直接用吗。感觉对mixins的理解有很大的问题。之前也遇见过一些mixins的 问题,这个项目要是再遇见 mixins 的问题,我就不用mixins了。
解决方法
直接在 js 页面引入vuex,通过 stort.commit("方法名","想修改的数据")
import store from '@/store';
store.commit("changeUserInfo",sut.data)
2024/03/29 17:50
今天还不错,就是中午没睡觉,到现在感觉有点头昏。 下午写代码的时候发现了一个 vant2 的 bug ,使用 van-dialog 组件的时候。
<van-dialog v-model="totalShow" show-cancel-button :confirm="clickPopUp"></van-dialog>
vant2官方文档说明 confirm 是点击确认按钮触发的回调,可是我弹窗出现、点击取消、点击确认都会触发clickPopPu函数,很奇怪。
解决办法
<van-dialog v-model="totalShow" show-cancel-button :before-close="clickPopUp"></van-dialog>
//点击取消或者确认按钮都会触发
clickPopUp(action, done) {
//可以通过打印action 来判断点击了哪个按钮
if (action == "confirm") {
//执行相应逻辑
} else {
done(); //关闭弹窗
}
},
明天继续加油!争取清明假前把这个项目弄完!
2024/03/30 17:46
今天还可以,写了挺多的,但是也浪费了很多时间,刚写完需求,突然需求改了。哈哈,没办法的事情,不过改需求我也没感觉烦,可能是这几天写的挺快乐的,和两个老板沟通的也挺愉快的,需求也都是商量着来,并没有直接用命令的语气来要我改这改那,还挺好的。明天继续上班了,申请了调休,到时候清明假就连休4天了。必须得清明前把这个项目写完!!! 加油加油,感觉vant2的 分页不好看,没有element的好快啊,用了好多 :deep 来改这个分页的样式,大功告成时,突然说不用分页,用懒加载。明天再改成懒加载吧,今天再封装几个请求接口函数,就下班!
2024/04/01 09:33
昨天星期天在正常上班,昨天下班前想记录的时候,接口出问题了,然后联系后端修接口,我自己又捣鼓页面。一下子搞忘记了,下班又急着干别的事情去了。。。
2024/04/01 17:57
连续第八天上班,现在整个人头昏目眩的,今天进度还可以。主要是项目没有设计图,很多要自己设计,这个上面浪费了挺多时间的,明天争取把项目整个流程跑通,后天把细节各方面都优化一下,清明之前开始测试。说是这么说,感觉有点悬,估摸着清明还得加班一天了,尽力搞吧,现在头昏的不行。眼睛也累的很,准备下班了,剪个头发,休息一下,晚上还有别的项目干。
2024/04/02 17:52
连续上班第九天,今天还不错,项目流程走的差不多了,明天把语言文本弄一下、页面效果再优化一下,就没什么问题了,接口就剩三四个了。真不错,明天下班前应该可以正常弄完,实在不行就加班会儿了。不知道什么情况,睡六个多小时或者八个多小时就下午一点多会困会儿,睡七个小时的时候,感觉一整天都有点困。等下查查看是什么原因,好奇怪,加油加油!明天继续干,争取清明假前把这个项目干完!
2024/05/05 15:11
巨巨巨巨巨巨忙的上个月,一直没时间记录。从四月一号直接无休干到五月四号,五月四号才算真正休息了一天,配了台8k的电脑犒劳一下自己,电脑配置都没时间看,朋友帮我看的配置,我只负责咔咔下单,真的太辛苦了。