小编aka*_*all的帖子

如何在视图中显示Meteor.user()配置文件数据

我想这必须是一个基本问题,但是我一直在努力解决这个问题太久了.我对流星来说比较新.

我查看了Meteor.user()(http://docs.meteor.com/#meteor_users)的文档,可以看到如何向user.profile添加其他信息.也就是说,

//JS file
Meteor.users.insert({
    username: 'admin',
    profile: {
                first_name: 'Clark',
                last_name: 'Kent'
    },

});
Run Code Online (Sandbox Code Playgroud)

那么如何在视图模板中显示配置文件信息?我可以通过视图和Web控制台(Meteor.user())访问用户对象,但是我无法访问对象详细信息.

我最初的想法是,我可以在我的车把模板中加载以下内容,但它们不起作用:

// HTML view
{{Meteor.user().username}}
{{Meteor.user().profile.first_name}}
{{Meteor.user().profile.last_name}}
Run Code Online (Sandbox Code Playgroud)

任何帮助是极大的赞赏.

meteor

15
推荐指数
3
解决办法
3万
查看次数

是否有使用react.js和firebase的简单CRUD示例应用程序?

经过近8年的Rails开发之后,大约一年前我决定开始使用meteor.js,截至上个月,已经开始使用react.js了.

我已经参加了React for Beginners课程(我非常喜欢,并从中学到了很多东西)并且通过该课程我对Firebase非常感兴趣.我相信我理解同步和使用重新基础,触发器和状态的本质,但是在搜索示例应用程序时,我似乎无法找到基本的CRUD应用程序.似乎应该有一个这样的事情的简单例子,但我似乎找不到一个.

对于示例博客应用程序,我正在寻找一个简单的应用程序,用于创建,读取,更新和删除集合中的数据.分页和认证将锦上添花.

我已经开始编写原型编码,就像下面两个要点的情况一样; App.js是容器和AnnoucementsList.js成立公告.只是想知道是否有任何其他示例,以及应用程序是否必须以这种方式进行CRUD.

如果有人可以分享您构建的内容或链接到某个来源,我会非常感激.

javascript firebase reactjs

10
推荐指数
2
解决办法
2万
查看次数

如何在 nuxt.js 应用程序中使用 BugSnag?

BugSnag提供了一个非常有用且最初免费的产品,用于跟踪 vue 应用程序中的错误。问题是没有在 nuxt 应用程序中使用它的文档。插件将是在应用程序中使用它的最佳位置。

试图解决这个问题让我苦恼了一段时间,但我从这篇文章的评论中找到了 Patryk Padus 的帮助。

vue.js bugsnag nuxt.js

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

如何解决 nuxt.js 中的“找不到模块:错误:无法解析‘fs’”?

我对节点有点陌生,但从大量搜索来看,“fs”似乎破坏了过去的很多东西。我遇到过几个尝试通过 npm 安装的软件包,但都遇到了Module not found: Error: Can't resolve 'fs'太多错误。

我已经运行了 npm install ,并且 fs 下载了一个占位符 package,但我真的停了下来,因为一个包(其中几个)仍然依赖于 fs 。

发现的几乎每个 解决方案都会导致在 webpack 设置的节点部分中声明为空:fs

node: {
  fs: 'empty'
},
Run Code Online (Sandbox Code Playgroud)

不幸的是,我使用的是 Vue.js 和 nuxt,并且没有 webpack 设置文件(据我所知)。我尝试将其添加到我的 nuxt_config.js 中,但没有成功。扩展(config, ctx) { config.node = { fs: "空" }; }

有没有办法在 nuxt_config 内部运行排除?另外,有没有办法在运行它的同时仍然保留我的设置以在保存时运行 eslint?

extend(config, ctx) {
  // Run ESLint on save
  if (ctx.isDev && ctx.isClient) {
    config.module.rules.push({
      enforce: 'pre',
      test: /\.(js|vue)$/,
      loader: 'eslint-loader',
      exclude: /(node_modules)/
    }) …
Run Code Online (Sandbox Code Playgroud)

node.js vue.js nuxt.js

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

ui组件可以是两个项目的激活器吗?(尝试将v-tooltip与v-dialog一起使用)

我有一个按钮,它是模板中对话框的激活器。但是我也想通过按钮使用工具提示。(否则,当我将鼠标悬停在按钮上时,我想看到v-tooltip,当我单击按钮时,我想打开对话框。)

我尝试使用工具提示上的“追加”插槽,但未成功。当我添加附加插槽时,按钮从呈现的页面完全消失。

在veutify中甚至可以使用带有v-dialog的v-tooltip?

这就是我所拥有的,行不通。

<script src="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.js"></script>
<link href="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<v-app>
  <v-dialog v-model="showAddPopup" persistent max-width="600px">
    <v-tooltip slot="append" bottom>

      <v-btn slot="activator" absolute fab dark left color="primary" @click="showPopup=true">
        <v-icon dark>add</v-icon>
      </v-btn>

      <span>Tooltip</span>
    </v-tooltip>

    <app-add-new-evaluator-modal @closePopup="closePopup($event)" @submit="addNewEvaluator" />
  </v-dialog>
</v-app>
Run Code Online (Sandbox Code Playgroud)

vue.js vuetify.js

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

如何使用 vuetity 的 v-row 和 v-col 输出 7 或 8 列网格?

我知道 vuetify 的网格属性是围绕 12 列 flex-box 构建的,但我想创建一个默认为 7 或 8 列而不是典型的 12 列的网格,如本例所示:

<v-row>
  <v-col 
    v-for="(n, index) in 15" 
    :key="index"
    cols="7" 
    sm="7" 
    md="3" 
    lg="1" 
  >
    <v-card>
      <v-card-title>{{ index }}</v-card-title>
    </v-card>
  </v-col>
</v-row>
Run Code Online (Sandbox Code Playgroud)

对文档的阅读是,通过设置cols="7"(而不是 12)我可以实现这个结果,但事实并非如此。

这甚至可能吗?

javascript vue.js nuxt.js vuetify.js

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