前端
关注
分享
扫一扫
Karber
这个作者很懒，什么都没留下…
展开
-
React全局监听路由变化
上代码index.js//导入BrowserRouterimport { BrowserRouter } from 'react-router-dom'ReactDOM.render( //react中监听路由使用组件WithRouter，该组件需要被BrowserRouter包裹。 <BrowserRouter> <App/> </BrowserRouter>, document.getElementById('root'));App.js原创 2021-06-11 14:46:22 · 4510 阅读 · 2 评论 -
Vue与Angular全局监听路由变化
需求：一个主页面通过iframe内嵌另一个项目内嵌项目可能用到Vue，Angular等不同技术主页面需要监听内嵌项目的页面切换url路由变化并做出相应响应需求分析：内嵌项目中对路由变化进行全局监听，当路由发生变化时，将变化后的url传到主页面关键点：路由变化的全局监听代码Vue全局监听路由变化//监听watch:{ //路由发生变化调用 $route(to,from){ console.log("router = " + to.path); console.lo原创 2021-06-03 17:51:13 · 746 阅读 · 0 评论 -
父页面js监听iframe内子页面并作出响应
本文介绍父页面监听iframe内子页面传出的事件并作出反应的方法父页面使用原生js子页面使用angular要实现的效果：1.父页面有一个input框和一个div，初始值都为02.子页面有两个button，add与reduce3.点击后分别使父页面input框和div内的值+1与-1页面效果如下父页面html代码<body> <div>I'm Parent</div> <input id="displayInput" type="t原创 2021-05-28 13:15:06 · 6857 阅读 · 0 评论