vue项目问题

vue路由传值

vue的路由传值有两种方式

params

this.$router.push({
  path:"/地址",
  params:{
    参数名:"参数值"
  }
})
接受
this.$route.params."参数值"

params的话传参刷新页面数据会消失不会保存

query

this.$router.push({
  path:"/地址",
  params:{
    参数名:"参数值"
  }
})

接受
this.$route.query."参数值"

query的话刷新页面数据也不会丢失

flex 最后一行左对齐

最近项目布局上要求item两端对齐，而且最后一行在列不满的情况下要求左对齐，使用flex的**justify-content: space-between;**实现时发现最后一行不能左对齐，而是两端对齐方式，下图不是项目上想要的效果（不使用flex也可以实现，本文仅讨论使用flex实现）

felx最后一行对齐的话可以用空白div来填充

还可以用：:after（适用于每行列数确定的场景）

.box:after {
    content: "";
    flex: auto;
 }