问题标签 [primevue]

我正在尝试使用 PrimeVue项目，但是对于 nativescript 和 javascript 而言，我一般来说是新手，我要么被难住了，要么在错误的树上吠叫。我将它添加到我的 nativescript-vue 项目中

• npm install primeicons --save
• npm install primevue --save

我在我的 node_modules/primevue 中看到了源代码。但是，当我尝试在我的 app.js 中声明它们时：

在我的 home.vue 中，我将其包括为：

但实际上并没有渲染。在我的 IDE 中，我看到一个警告

“未解决的样式类。检查信息：正在建设中”

我试图在DataTable组件中显示每页的行下拉选择器PrimeVUE。

这是我拥有html的代码：DataTable

这是data()在my component：

这会在页面中生成以下HTML代码：

该表工作正常，因为所有行都正确加载，该下拉列表是它唯一的问题。谁能告诉我应该如何传递参数以显示每页下拉列表的行数？谢谢！

编辑： 似乎像我一样设置 comboFilas 数组，或者将其设置为整数数组都是配置它的正确方法。加载页面时查看控制台，出现此错误：

看起来它没有正确加载下拉组件。我的组件的相关代码如下：

导入和路径似乎是正确的，所以如果有人遇到这个问题，我将不胜感激！

我目前正在使用 vuejs 开始一个新项目，并希望将 primevue 用于某些组件。总的来说，我对 VueJS 的了解并不是最好的，因为我才刚刚开始使用它。我的应用程序有一个基于 webpack 的构建，并配置了 vue-loader，这就是 primevue 的安装方式。

我试图使用 Toast-Component，但是当从 'primevue/toastservice' webpack 导入 Toast 时会抛出以下两个错误：

./node_modules/primevue/components/toast/Toast.vue?vue&type=script&lang=js& 中的错误 (./node_modules/vue-loader/lib??vue-loader-options!./node_modules/primevue/components/toast/Toast .vue?vue&type=script&lang=js&)

找不到模块：错误：无法解析“*/node_modules/primevue/components/toast”中的“./ToastMessage”

@ ./node_modules/primevue/components/toast/Toast.vue?vue&type=script&lang=js& (./node_modules/vue-loader/lib??vue-loader-options!./node_modules/primevue/components/toast/Toast. vue?vue&type=script&lang=js&) 11:0-42 86:24-36

@ ./node_modules/primevue/components/toast/Toast.vue?vue&type=script&lang=js&

@ ./node_modules/primevue/components/toast/Toast.vue

@ ./node_modules/primevue/toast.js

@ ./src/main.js

和

./node_modules/primevue/components/toast/Toast.vue?vue&type=style&index=0&lang=css& 中的错误 (./node_modules/vue-loader/lib??vue-loader-options!./node_modules/primevue/components/toast /Toast.vue?vue&type=style&index=0&lang=css&) 97:0

模块解析失败：意外令牌 (97:0)

使用这些加载器处理文件：

*./node_modules/vue-loader/lib/index.js

您可能需要一个额外的加载器来处理这些加载器的结果。

|

|

-> .p-吐司{

| 位置：固定；

| 宽度：20em；

@ ./node_modules/primevue/components/toast/Toast.vue?vue&type=style&index=0&lang=css& 1:0-118 1:134-137 1:139-254 1:139-254

@ ./node_modules/primevue/components/toast/Toast.vue

@ ./node_modules/primevue/toast.js

@ ./src/main.js

我导入组件如下：

我已经尝试在我的 App.js 或其他我主要想使用这些 Toast 的文件中导入/使用“Toast”组件但没有成功。

如果我省略 Toast 一切正常，那么 ToastService 似乎还不错。

因此，如果有人使用primevue并且也遇到了这个问题并找到了解决方案，我提前感谢大家。

如果我将 :lazy="true" 添加到如下所示：

列过滤器和排序不起作用

示例代码：https ://www.primefaces.org/primevue/#/datatable/filter

如何使过滤器和排序与 :lazy 一起工作？

乔比

我正在尝试使用 vue.js 应用程序将 primevue 添加到我的 jhister 中。我正在遵循这些步骤。

1-运行这些评论

2-将它们添加到我的 vendor.scss

3-当我运行 npm start 命令时。我收到这些错误。

如何将 Primevue 与我的 jhipster 应用程序集成。谢谢您的帮助！！！

我正在尝试为数组的每个对象生成一个 AccordionTab（来自 Primevue 的组件）：

它实际上似乎按预期工作，但浏览器控制台为数组中的每个对象显示如下警告：

[Vue 警告]：检测到重复键：“Primero”。这可能会导致更新错误。

我已经检查过并且数组v-for正在迭代，并且每个对象在指定为键的字段中都有不同的值，那么为什么它会给出警告呢？

编辑： 这是我的 Vue Devtools 控制台的屏幕截图，显示了我在组件中拥有的数据：

如果我将代码更改为此，以索引为键：

警告消失了，渲染的组件就是这个：

它再次表明数据实际上并没有重复，所以我仍然不知道警告来自哪里，也许它可能来自 Primevue 的组件实现。

目前我有一个正在运行的 ASP.NET MVC 5 应用程序，它可以使用许多 JQuery 插件查看丰富的视图。我想将同样的应用程序迁移到 Vue、Bootstrap-vue 和 PrimeVue。

Vue e Bootstrap-vue 已经集成到应用程序中，因此许多视图已经被重写并且可以正常工作。下一步是添加 PrimeVue，因此通过利用 PrimeVue 丰富的组件，用户体验将得到很大改善。

我的问题是 PrimeVue 文档提供了一些关于使用 Webpack 设置组件的指导，但我对 Webpack 没有文化。这些方向对我来说仍然是模糊的。

我要的是能够将 PrimeVue 集成到我的 ASP.NET MVC 5 项目的路线图。

提前致谢！

I have a chat feature in my vue app.The message are loaded in a list as the following.

The messages variable looks like:

I removed the other objects for readability. I want v-chat-scroll to scroll the chat window to the last message. I am using primeVue in this code too. Any help would be appreciated. Thanks.