框架7 Vue2：在此安裝掛鉤錯誤$ F7

Question

我試圖使用框架7的API

此$ f7.showPreloader（）

mounted() { 
this.getPosts(); 

}，

。

methods: { 
    getPosts() { 
    this.$f7.showPreloader(); 
    var self = this 
    axios.get('http://jsonplaceholder.typicode.com/posts') 
     .then(response => { 
      self.posts = response.data 
      self.$f7.hidePreloader(); 
     }) 
     .catch(e => { 
      this.errors.push(e) 
     }) 
}, 

當應用程序加載時，它在掛接掛鉤中給出一個錯誤：「TypeError：this。$ f7 is undefined」。然而，當我把它作爲一個@單擊事件，它的工作原理

clickme() { 
    this.getPosts(); 
}, 

如何正確調用API F7對象從安裝事件掛鉤？

Answer 1

好吧，這可能不是最終的答案，但這是我得到的最好的答案。

沒有爲F7 Vue的一個特殊的鉤叫

methods: { 

onF7Init: function() { 
    //do some code here 
    }); 
    } 
} 

這之後安裝後F7框架已經初始化時發生的特殊的鉤子。把它放在你的方法中。顯然沒有人在文檔中寫這個。如果你在這裏放置window.f7，這個對象將被定義，你可以使用它。