- 博客(9)
- 收藏
- 关注
原创 vue3+ts中pinia状态管理持续化
我没做持续化前,最开始进入页面是有数据的(图一),但是当我刷新了该页面之后,没有数据了,注意请求返回是有数据的,但是一刷新该字段的值回到了初始化的状态(图二)。用户不需要在每次打开应用程序时重新配置他们的设置,因为这些设置已经被保存并在下次打开应用程序时自动恢复。Pinia 的持续化(持久化)功能可以帮助你在应用程序中保存和恢复状态,以便在用户刷新页面或重新加载应用程序时保持状态的一致性。最后,在store中的其他需要持续化的ts文件中把persist: true就行。1、为什么要做持续化?
2024-04-01 11:54:42
354
原创 vue3中父组件数据通过异步请求得到后传给子组件是为空
(请求可以写到store中的ts文件,然后在一进入项目时便调用),这种方法适用于以上两种方法无效,并且其他传参方法也无效时使用,毕竟这个方法中更适用于多个页面都有调用该请求的情况。1、使用v-if 来控制子组件是否开始挂载,我们在请求成功之后,所传字段有值时才开始选择挂载子组件。生命周期钩子是同步执行的,而向后端获取数据是异步的,如果在父组件的created中向后端异步获取数据,根据事件循环的顺序,子组件开始创建时是获取不到数据的。2、子组件中用watch更新要使用的数据。
2024-04-01 11:10:58
615
原创 git cherry-pick的使用以及合并代码时出现冲突,手动解决之后git cherry-pick --continue报错
当发生冲突时,需要手动解决冲突并且保存,正常情况下解决完冲突之后运行 git add <conflicted-file>(这里要注意时把你解决冲突的文件一个个保存到暂存区,而不是git add . )。出现以上报错之后运行 git update-ref -d CHERRY_PICK_HEAD,然后再commit 提交暂存区的内容(必须),然后再git cherry-pick --continue就可以成功了。方法二:合并一段节点内容,指点开始节点和结束节点对应的<commit-hash>
2024-03-20 17:46:54
1100
2
原创 vue2中子组件调用父组件的方法和我父组件直接传值给子组件的效果有什么区别吗
子组件调用父组件的方法和父组件直接传值给子组件的效果有不同的适用场景。如果需要实现组件之间的解耦,可以使用子组件调用父组件的方法;如果需要简单地传递数据,可以使用父组件直接传值给子组件。方法触发一个自定义事件,父组件监听这个事件并执行相应的方法。这种方式使得子组件和父组件之间的通信更加解耦,子组件不需要知道父组件的具体实现,只需要触发事件即可。向子组件传递数据,子组件接收并使用这些数据。这种方式使得子组件和父组件之间的通信更加紧密,子组件需要知道父组件传递的数据结构和类型。
2024-03-14 14:07:22
123
原创 git 的一些常用指令以及避雷解决方法
5、git pull --rebase origin 当多人开发时,提交代码不会产生新的节点,提交树是一路向前的,保持代码干净;1、git stash 暂存指令,git stash pop 释放并且删除最新的一条暂存内容指令(可指定释放某一条),git stash apply 释放指定的暂存内容,不会删除暂存的记录;(2)、mixed:git reset 或者 git reset --mixed ,指针移动到指定的提交节点,保留工作目录中的更改,但是会清除暂存区(就是撤销add. 的暂存)。
2024-03-14 10:12:25
160
原创 日期格式化之moment()和moment().format()的区别
这两个方法都是日期格式化的方法,比如要将字符串形式的日期'11:12'或者时间戳转化为标准的时间格式就用到这两个方法。那么这两者的区别就是如果是只有时分秒的字符串日期,比如'14:23:56'这种就只能使用moment('参数','HH:mm')方法。另外,如果你的日期回显出现Invalid date这种情况,就是你没有对返回的日期进行一个格式化。时间参数初始化的时候最好设为moment('00:00','HH:mm')。以上是我在工作中遇到的一些小问题,希望对大家有帮助啊...
2022-05-09 11:22:10
930
原创 Vue.nextTick()的作用与使用
以下是我在做项目的时候遇到的一些感受和总结,如有任何不对之处都可指出修改,谢谢额😁😁😁首先官方对Vue.nextTick()的一个定义就是:在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。我个人的一个理解就是类似于一个延时的作用,就是它让你的回调函数在下一次DOM更新的时候在调用。那为什么用它就会达到我们数据渲染成功的效果呢?我们的这个nextTick() 它在你要在created中对DOM进行操作或者是使用回调函数的时候就要用到他,为什么呢?..
2022-03-04 17:22:31
435
原创 前端的布局方式
前端的布局方式有以下几种:文档流、浮动布局、流式布局、定位布局、弹性布局、自适应布局和响应式布局。1、文档流:就是将窗体自上而下分成一行一行,其中块级元素就是自上而下的排列,撑满一行,宽度是父元素的100%,而高度就是根据内容撑开;而行内元素则从左到排列,撑满一行在换行,它的高度和宽度就是根据内容撑开的。2、浮动布局:它就是可以让块级元素显示在同一行,但是浮动的话就不会再撑开父级的高度了,这就会造成高度塌陷,有兄弟标签时就会出现布局重叠问题,因此如果用了浮动,同级兄弟标签也要浮动,或者清除浮动。用了
2022-02-23 18:12:15
2221
原创 什么是W3C标准
一下接是个人观点和总结,不对可以纠正😁😁😁W3C的全称是万维网联盟(World Wide Web Consortium),它是一个标准化的集合并不是单纯的指某一种标准,
2022-02-23 00:14:29
846
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人