小编Sha*_*i S的帖子

在 vuetify 中使用 firestore 进行服务器端分页

我正在处理我想对集合中的数据进行分页的项目,该集合包含数千条记录,所以很显然,在这种情况下,我无法使用在第一个请求时呈现所有数据的数据表,因此读取可能会受到影响账单。我查看了 vuetify js 数据表,这对项目来说非常好,但我不知道它如何与 firestore 一起工作。我想加载前 10 条记录,当单击下一步按钮时,应使用偏移量或其他方式加载下 10 条记录。

如果你想看看我的方式,我正在使用这个 vuetify https://codepen.io/pen/?&editors=101 的例子

模板代码:

<div id="app">
  <v-app id="inspire">
    <div>
      <v-data-table
        :headers="headers"
        :items="desserts"
        :pagination.sync="pagination"
        :total-items="totalDesserts"
        :loading="loading"
        class="elevation-1"
      >
        <template slot="items" slot-scope="props">
          <td>{{ props.item.name }}</td>
          <td class="text-xs-right">{{ props.item.calories }}</td>
          <td class="text-xs-right">{{ props.item.fat }}</td>
          <td class="text-xs-right">{{ props.item.carbs }}</td>
          <td class="text-xs-right">{{ props.item.protein }}</td>
          <td class="text-xs-right">{{ props.item.iron }}</td>
        </template>
      </v-data-table>
    </div>
  </v-app>
</div>
Run Code Online (Sandbox Code Playgroud)

Vuejs 代码:

new Vue({
  el: '#app',
  data () {
    return {
      totalDesserts: 0,
      desserts: [],
      loading: true,
      pagination: {},
      headers: …
Run Code Online (Sandbox Code Playgroud)

vue.js vue-component vuetify.js google-cloud-firestore

7
推荐指数
0
解决办法
1531
查看次数

如何解决在 ubuntu 服务器上部署 vuejs 应用程序时出现剪贴板错误的问题

我正在我的服务器上部署一个 vuejs 应用程序。我们有 ubuntu 16.04 的 EC2 实例,到目前为止,我只是部署我的测试项目,但是当我运行类似的服务命令时,sudo serve -s dist 它会抛出一个错误:ERROR: Cannot copy to clipboard: Command failed: xsel --clipboard --input xsel: Can't open display: (null) : Inappropriate ioctl for device 我不知道这个错误是由ubuntu或vuejs引起的,请帮我解决。

到目前为止我一直遵循这些命令。

首先使用安装 vue cli npm install -g @vue/cli

然后使用创建了一个 hello world 应用程序 vue create helloWorld

现在运行服务命令 npm run serve

它向我显示了一条消息,例如:

App running at: - Local: http://localhost:8081/ - Network: http://172.31.16.66:8081/

现在我已经创建了一个构建来在生产服务器上运行应用程序 npm run build

所以我的构建已成功创建,我运行命令在实时服务器上运行应用程序

serve -s dist

它抛出了一个到目前为止我还没有解决的错误

WARNING: Checking for updates failed (use- 调试 …

amazon-ec2 npm vue.js ubuntu-16.04

5
推荐指数
1
解决办法
1950
查看次数

Firestore中阵列的存储大小限制是什么?

我想知道Firestore中阵列的存储大小限制是什么。我想在数组中创建数百万个索引,并希望将数据存储为一个JSON对象。数组如下所示:

   [{id:1,name:'shakti',userdata:2122},
   {id:0.55,name:'shakti',userdata:2122},
   {id:1.58,name:'shakti',userdata:2122},
   {id:2.58,name:'shakti',userdata:2122},
   {id:1.5,name:'shakti',userdata:2122}];
Run Code Online (Sandbox Code Playgroud)

我浏览了文档,但那里没有任何适当的指南。

firebase google-cloud-firestore

3
推荐指数
2
解决办法
1341
查看次数

在本机javascript中从数组中删除重复值的最佳方法是什么

我有一个像这样的javascript数组

var arr = [1,2,1.5,3,1.5,1];
Run Code Online (Sandbox Code Playgroud)

我想从数组中删除所有重复的值,所以我的输出将是

[2,3]
Run Code Online (Sandbox Code Playgroud)

我可以使用loops来做.我在这里发布了这个问题,因为我需要一种禁食方式来完成它.

javascript arrays

2
推荐指数
1
解决办法
66
查看次数