我使用带有vue.js的axios来获取无限制分页的数据。当没有数据要渲染时,它可以很好地工作:
fetchData() {
this.loading = true
this.page++;
axios.get(this.BASE_URL + '/api/jokes/'+'?page='+this.page).then(
response =>
//how to exist if there is no data in the response?
this.jokes = respons
我使用的是一个使用document和window的包。我想让我的网站有服务器端渲染,而不改变太多的代码。对于window is not defined,我使用window-or-global (),它解决了我的问题。
然而,当涉及到document时,我实际上找不到任何有用的东西。我的想法是尝试找出服务器或客户端渲染的时间。我只会在客户端渲染时使用document执行代码。有没有办法做到这一点?
附言:我使用的是Vue.js 2.0。我使用的包是fine-uploader ()
我试图在web扩展中使用共享的vue.js状态。
状态存储在后台脚本的DOM中,并呈现在弹出页面中。
首次尝试
我的第一次尝试是使用一个没有vuex的简单商店:
background.js
var store = {
count: 0
};
popup.js
browser.runtime.getBackgroundPage().then(bg => {
var store = bg.store;
var vue = new Vue({
el: '#app',
data: {
state: st
我在我的vue.js应用程序中使用了这个v-for循环: <div v-for="(word, index) in dictionary">
// break if index > 20
<p>{{word}}</p>
</div> 我想在渲染20个单词后跳出循环。我怎样才能做到这一点呢?我看了看docs,但没有看到任何关于这方面的内容。
脚本通过AJAX请求获取JSON数据,然后在画布上呈现。问题是同一个页面上有多个带有画布的按钮,每个按钮都会触发一个新的AJAX请求,并呈现返回的JSON数据。
问题每隔一秒钟就会出现一次(这很奇怪)。例如,在第一次渲染鼠标:向下事件工作,第二次渲染它两次,在第三次渲染它工作,在第四次渲染它两次,以此类推。
以下是在每次单击按钮时触发的脚本:
// objects variable is the JSON returned from AJAX request and
// all of it fabricJS objects.
var drawing = JSON.parse(objects)