vue使用watch 观察路由变化,重新获取内容
2017-03-08 16:24
711 查看
问题背景:
点击用户头像 => 进入用户个人中心,在用户个人中心里点击其他用户的头像,我希望显示被点击用户的个人中心,但只看到了路由参数在发生变化,页面内容并没有更新。如图:
页面代码如下:
<script> export default { data() { return { data: {} } }, methods: { fetchDate() { // 使用 axios获取数据 ...... }, created() { this.fetchDate(); } } </script>
解决办法:
使用 watch,观察路由,一旦发生变化便重新获取数据!
<script> export default { data() { return { data: {} } }, methods: { fetchDate() { // 使用 axios获取数据 ...... }, created() { // 组件创建完后获取数据, // 此时 data 已经被 observed 了 this.fetchDate(); }, watch: { // 如果路由有变化,会再次执行该方法 "$route": "fetchDate" } } </script>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- vue使用watch 观察路由变化,重新获取内容
- 【vue】——使用watch 观察路由变化,重新获取内容
- vue.js使用watch监听路由变化的方法
- Vue 2.0 监听文本框内容变化及 ref的使用说明
- vue项目实践教程2:使用vux设计登录注册,并讲解vue路由,切换页面标题等内容
- Vue 路由切换时页面内容没有重新加载
- 基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍
- 使用watch监听路由变化和watch监听对象
- 基于vue-cli的vue项目之vuex的使用5------watch监听vuex内部数据变化
- 使用watch监听路由变化和watch监听对象的实例
- 基于vue-cli的vue项目之vuex的使用5------watch监听vuex内部数据变化
- Vue 路由切换时页面内容没有重新加载的解决方法
- 您的邮件安全吗――使用mailbag获取邮件内容
- [code]使用正则获取网页里的特定内容
- 使用jQuery.get(url,[data],[callback])不能获取返回的页面XML内容
- BizTalk Server 基于消息的基本数据交换(二) - 使用属性提升 实现根据消息内容的路由及订阅
- 在vb中使用Iphlpapi.dll获取网络信息 第四章 第四节 实例二:探测到某个IP地址经过的路由列表
- js操作cookie;js的setInterval;C#获取指定页面的内容;Ajax.dll的使用
- 使用CInternetSession 获取网页内容。。。解决了ReadString时的乱码
- 使用api获取文件框里的内容!