vuetify.js相关内容

测试使用Vutify的NuxtJS组件

我想在NuxtJS项目中使用JEST对使用Vutify的组件进行单元测试。当我想选择一个按钮(v-btn)时,jest输出以下内容: [vue-test-utils]: find did not return .v-btn, cannot call text() on empty Wrapper 我按照vutify的官方文档进行了单元测试。 // myComponent.vue ..
发布时间:2022-03-01 12:30:26 前端开发

Vutify v-select未显示:项目

我想不出来。我正在使用Vutify设置页面样式,但由于某种原因,我无法将数据显示在我的v-select选择框中。数据应来自数组marketplaces。我想可能是版本问题,但是我已经升级了所有的东西,但是它仍然不能工作。我不能让这该死的东西显示我的数据! 以下是页面: ..
发布时间:2022-03-01 12:19:45 前端开发

Nuxt生成显示错误:无法读取未定义的属性';Normal ModuleFactory';

最近我将Nuxt从1.4.0升级到1.2.x,将Vutify从1.0.9升级到1.2.x。在NPM运行之后,dev运行得很好。但是当我运行Nuxt Generate时,我得到以下错误。从昨晚开始,我就一直纠结于这个错误,不知道为什么会发生这种情况。任何指导都会有帮助。提前感谢。 nuxt:build Generating files... +138ms nuxt:build Generati ..
发布时间:2022-03-01 12:07:55 前端开发

为什么我的对话框堆叠在一起?(Vutify)

所以,我正在学习Vutify,并且正在实现卡片和对话框。我只是按照 证明文档。我试图通过我的实现实现的目标: 用户可以单击卡以打开显示更多信息的对话框 有关项目的信息。 用户可以点击“添加到购物车”,卡片将加载约3年 秒 问题1:列表中所有项目的对话框似乎同时打开,这会导致它们堆叠在一起。 问题2:为正在单击的项目打开的对话框错误。我假设如果问题#1得到解决,这个问题就会得 ..
发布时间:2022-03-01 12:04:27 前端开发

如何通过拖动行对Vutify数据表中的项目进行重新排序?

我正在为一位客户开发Vutify Web应用,她希望能够通过拖放行来调整元素在数据表中的显示顺序,但Vutify文档没有说明如何做到这一点;我该如何做到这一点? 推荐答案 这是我使用的CodePen:https://codepen.io/NathanWailes/pen/rNLajYO 它使用: Vue 2.x 认证2.3.13 Sortable1.10.2(如果您还没 ..
发布时间:2022-03-01 11:57:11 前端开发

Vue js v-autoComplete不能正确更新动态更改的项目

我正在尝试将v-autocompleteSELECT表单与基于文本输入的Vue组件中动态加载的项集成在一起。项目的数据是从http get获得的,并且经测试是正确的。起初,这些项看起来没有问题,但是一旦我进一步指定了我的输入,我就开始在组件中获得零个项,尽管接收到的数据包含的条目多于零个。过去几个小时我一直被困在这件事上,非常感谢您的帮助!:-) 下面我列出了代码的相关部分和说明该问题的两张图片 ..
发布时间:2022-03-01 11:53:17 前端开发

按Esc键时关闭对话框

当用户按键盘上的Esc键时,如何在没有激活器的情况下关闭已打开的dialog认证? 推荐答案 将@keydown.esc="dialog = false"添加到v-dialog组件 data: () => ({ dialog: false ..
发布时间:2022-03-01 11:47:10 前端开发

VUE js:验证服务器端数据表搜索过滤不起作用

我正在对我的数据表使用vutify。除了过滤搜索功能外,其他功能都可以进行分页和排序。来自搜索过滤的响应数据是正确的,但问题是它没有将响应呈现给我的模板。在vuetify文档中,只有分页和排序。我正在尝试通过服务器端实现搜索功能。 我的用户.vue export default{ data () { return { max25chars: (v) => v ..
发布时间:2022-03-01 11:44:52 前端开发

如何在新的VUE CLI项目中安装vutify 2.0测试版?

Vutify 2.0.0-beta.0刚刚发布,我想尝试一下,并尝试一个新的VUE测试应用程序。 但是,当我尝试将其安装到新的新项目中时,会出现错误。以下是我采取的步骤。 我使用@vue/cli v3.8.2使用默认设置创建新项目: vue create testapp 这给了我成功的结果: 🎉 Successfully created project testapp. ..
发布时间:2022-03-01 11:41:45 前端开发

带有Vutify和FiRestore的动态下拉选项

我正在使用nuxt、vutify和Firebase(数据库的云Firestore)来构建承包商的数据库应用程序。承包商在填写表格时将有多种工作范围(SOW)和amp;专业可供选择。 对于1个工作范围,将有多个专业化选择。因此,每当用户在第一个选择选项上选择SOW时,在与该特定SOW相关的第二个选择选项上只能选择有限数量的专业化认证。选择专业化认证后,第三个选择选项将自动显示分配给该专业化认证 ..

使用Nuxt/Vue Vutify填写第一个输入时,根据范围条件自动填充第二个文本输入(&V)

我正在使用Nuxt&;Vutify创建承包商注册表。 我有一个表单,其中是第一个输入(一),用户需要键入合同价值(例如:50美元)。在第二个输入(两个)上,它将根据所定位的合同值的范围自动填充字符串值。填写完表单后,用户将提交表单。 伪代码如下所示: Let say the user write "13" on the 1st input, 2nd input will a ..
发布时间:2022-02-25 13:58:33 前端开发

如何手工更新验证数据表中的记录范围?

我有一个与本例类似的v数据表https://vuetifyjs.com/en/components/data-tables#paginate-and-sort-server-side 服务器端分页和排序。我有几个下拉列表,它们用作同一API的过滤器,该API填充相同的数据表。 我的问题是,当我更改过滤时,记录范围得到一个错误的值。有没有办法重置所有页脚组件。我检查了找不到方法的文档。 推荐答 ..
发布时间:2022-02-25 13:16:47 前端开发