效果直白讲:

点击事件,切换页面

例子:假设是在 App 组件里,有两个 button 按钮,点击 button1 显示一个页面,点击 button2 显示另个一页面。

步骤:

这个是正常上下组件所展示的界面


这个是点击按钮发生页面跳转的效果

步骤:


另一种方法:路由跳转

 步骤:前端路由底层的逻辑就是监听 hash 地址的变化 ,用到window.onhashchange 事件

 这里的使用的是箭头函数。 箭头函数里面的this 和 外边的 this 是同一个 

如果要使用 function(){} ,function外边写上 that = this function中使用that.

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐