vue-动态切换组件 (点击事件,切换页面)
效果直白讲:点击事件,切换页面例子:假设是在 App 组件里,有两个 button 按钮,点击 button1 显示一个页面,点击 button2 显示另个一页面。步骤:这个是正常上下组件所展示的界面这个是点击按钮发生页面跳转的效果步骤:...
·
效果直白讲:
点击事件,切换页面
例子:假设是在 App 组件里,有两个 button 按钮,点击 button1 显示一个页面,点击 button2 显示另个一页面。
步骤:
这个是正常上下组件所展示的界面
这个是点击按钮发生页面跳转的效果
步骤:
另一种方法:路由跳转
步骤:前端路由底层的逻辑就是监听 hash 地址的变化 ,用到window.onhashchange 事件
这里的使用的是箭头函数。 箭头函数里面的this 和 外边的 this 是同一个
如果要使用 function(){} ,function外边写上 that = this function中使用that.
更多推荐
已为社区贡献2条内容
所有评论(0)