                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /使用vue2.0实现购物车和地址选配功能

mounted钩子没走

  mounted:function(){
    this.cartView();
    alert("1");
  },
  methods:{
    cartView:function(){
      this.$http.get("data/cartData.json").then(function(res){
        console.log(res);
      });
    }
  }

去控制台没有找到cartData.json 然后在mounted方法里加了alert，也没有走。

这问题应该怎么解决?

NadiaSmile

2017-03-07

源自：使用vue2.0实现购物车和地址选配功能 3-1

关注问题我要回答

2762

操作

收起

2 回答

zcvzcv 回答被采纳 +3 积分
2017-03-07

官网说：使用 mounted 并不能保证钩子函数中的 this.$el 在 document 中。为此还应该引入 Vue.nextTick/vm.$nextTick

mounted: function () {
    this.$nextTick(function () {
    // 代码保证 this.$el 在 document 中
    })
}

0 回复有任何疑惑可以回复我~

收起回答

NadiaSmile 提问者

非常感谢！

2017-03-07 回复有任何疑惑可以回复我~

NadiaSmile 提问者

mounted:function(){ this.$nextTick(function(){ alert("1"); this.cartView(); }) }, 这样还是没走，用ready的话走cartView()

2017-03-07 回复有任何疑惑可以回复我~

慕田峪1487991 回复 NadiaSmile 提问者

你好，你这个问题最后这么解决的？我现在也遇到了，三天了都没解决

2018-05-22 回复有任何疑惑可以回复我~

jeevin
2018-07-19

这个可能是跨域问题，放到服务器下面，本地搭建一个服务器，试试

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

使用vue2.0实现购物车和地址选配功能

参与学习 96772 人
解答问题 499 个

本视频教程结合案例完整贯穿各个知识点，轻松玩转vue2.0框架

进入课程

mounted钩子没走

我要回答关注问题

热搜

最近搜索清空

mounted钩子没走

2 回答

mounted钩子没走