vue+elementui使用中的页面刷新和日期范围设定

原创 前端薇薇 教程 工作 54阅读 20 天前 举报

使用vue构建项目时,目前对于页面刷新,
用户体验效果较好的是provide + inject
具体使用方法如下,PS(回去要补充下原理)
1.在App.vue中修改如下:
<router-view v-if="isRouterAlive"></router-view>
export default {
name: 'App',
// 实现路由跳转,页面刷新
provide () {
return {
reload: this.reload
}
},
data () {
return {
isRouterAlive: true
}
},
methods: {
reload () {
this.isRouterAlive = false
this.$nextTick(function () {
this.isRouterAlive = true
})
}
}
}
2.在要进行刷新的页面中修改:
一般写在name下面,
inject:['reload']
然后再需要刷新的地方调用this.reload()即可

另一点,使用elementui中的日期组件时,一般的需求都是:结束日期要大于开始日期,实现如下:

js部分:

就先总结到这吧,以后遇到问题再记录好了,如有不对的地方,欢迎指正!

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复