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;
}