我正在处理我想对集合中的数据进行分页的项目,该集合包含数千条记录,所以很显然,在这种情况下,我无法使用在第一个请求时呈现所有数据的数据表,因此读取可能会受到影响账单。我查看了 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) 我正在我的服务器上部署一个 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- 调试 …
我想知道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)
我浏览了文档,但那里没有任何适当的指南。
我有一个像这样的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来做.我在这里发布了这个问题,因为我需要一种禁食方式来完成它.
vue.js ×2
amazon-ec2 ×1
arrays ×1
firebase ×1
javascript ×1
npm ×1
ubuntu-16.04 ×1
vuetify.js ×1