vue中通过this.$router.push 到当前页面,只是参数不同,页面没有重新请求数据?


page.vue 页面

this.$router.push({
    path: '/shopDetail',
    query: {
        shopNo: shopNo||"SHOPc22185ebe6df435ab90142d89c7e3829"
    }
})

问题
页面没有重新请求数据....
需要刷新一下页面才有新的店铺数据

//vue-router 官方demo 好像也不行
export default {
  data () {
    return {
      loading: false,
      post: null,
      error: null
    }
  },
  created () {
    // fetch the data when the view is created and the data is
    // already being observed
    this.fetchData()
  },
  watch: {
    // call again the method if the route changes
    '$route': 'fetchData'
  },
  methods: {
    fetchData () {
      this.error = this.post = null
      this.loading = true
      // replace getPost with your data fetching util / API wrapper
      getPost(this.$route.params.id, (err, post) => {
        this.loading = false
        if (err) {
          this.error = err.toString()
        } else {
          this.post = post
        }
      })
    }
  }
}

我直接watch : $route 会报错


非直接方案:
如果是同页面,不建议用路由方式实现。
完全可以页面内部逻辑处理即可。

比如:

// <div>shopName:{{shop.shopName}}</div>
export default{
    data(){
        return {
            shop:{shopName:"shopName"},
            shopNo:"123"
        };
    },
    mounted(){
        // 初始时加载店铺数据
        this.loadShop();
    },
    watch:{
        // shopNo改变时重新加载
        shopNo:function(newShopNo){
            this.loadShop();
        }
    },
    methods:{
        loadShop(){
            // 调用API获取shop数据
            var shop = {/*获取到的数据*/};
            this.shop=shop;
        }
    }
}



相关阅读:
vue.js2.0中set和get的问题
$.ajax 跨域 options
mysql 的IFNULL失效
webpack在安装的时候出现问题
使用websocket上传视频文件后无法播放
作用域链的问题?
angular.js高级程序设计书本开头配置环境出错,谁能给解答一下
样式和类样式区别
关于this在浏览器中的指向
在node.js里面可以使用window对象的方法吗
angularjs如何将字符串类型的时间格式化呢
bundle-loader解析import异于ES6 module
video标签怎么控制播放内容的宽高?
IE兼容 React
弹出提示窗口JS怎么设置弹出一次,假设多弹出也要把前者取消,让后者弹出一次?
前端如何掌握必须的http知识?
在pfsense中启动barnyard2失败
scrapy怎么设置返回码不是200换代理
为什么有的公司要求DBA禁止使用between?
Laravel 如何获取路由名称?



快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 小学五年级作文1200字:诸葛亮来我家 大学生村官2016年工作总结和2017年工作计划 那一刻,我的世界春暖花开作文1000字 英文读后感-Can Human Determine Their Own Destiny? 证 明 给老师的感恩节微信 小学五年级作文500字:百年奇遇——日全食 双星历险记 开学仪式(下) 孤烟-----却舍不得 只为一丝曙光 【秋游】 青春的责任作文1000字 招商局联络处下半年工作计划 初中初一作文650字:我平凡我乐意 语文教师读书演讲稿——给孩子一个可以仰望的身影 电子厂年终工作总结 挖掘自信的清泉作文400字 喜欢黑夜的寂静。 2015青年教师入党申请书范文 六一“抢椅子”300字 煤矿创先争优活动年终工作总结 美人春怨 艾小墨-------冷小新 套圈OR圈套作文350字 家乡作文900字 小乔治的神奇魔药读后感 一句禅语一种人生的经典语录 高中高三作文1500字:星期的日子 母校,我的家,再见了作文300字 《家》读后感 政府锦旗语大全 一个人的时候,总想很多 以科学发展观促进生态文明建设 4种幸福,你要哪一种 人生最美的地方在哪里? 松山湖的旋律 身处闹市心居桃源 心有实录 让别人知道你有多努力 解析劳动怎样决定了商品的价值——马克思劳动价值论的现代阐释 我为奥运健儿喝彩!450字 鲜花的故事作文800字 写给天国的你 赴省内先进地区学习考察的报告 建国后女军装的演变 草作文50字 粗心的小花猫(刘洪涛) 亲爱的回家了 女人还是大的好 真想一直在春天里徜徉

Copyright © 2016 phpStudy |