vue.js相关内容

为什么我的对话框堆叠在一起?(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 前端开发

TinyMCE Vue集成自托管

我在Vue项目中集成TinyMCE时遇到问题。官方TinyMCE Vue.js组件(tinymce-vue)正常工作,但只是通过CDN请求源码的网关。 我希望有一个自托管版本,但在任何情况下都不能直接下载源代码。通过NPM的tinymce包与VUE接口不正确。 import tinymce from "tinymce/tinymce"; tinymce.init({ select ..
发布时间:2022-02-27 19:00:28 前端开发

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

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

在Nuxt.js中的动态路由名称中使用破折号

如您所知,为了在Nuxt.js中拥有动态路由,我们应该在动态名称之前使用下划线(_)。例如,文件名应为: _id.vue 问题是我想写一些类似文章名的东西,而不是id。但是,文件夹的名称应为: _article-name.vue 会导致错误并破坏项目。我如何修复它? 推荐答案 Nuxt不支持带短划线的动态路由名称。 将动态路由名称(即这里的article-na ..
发布时间:2022-02-25 14:38:28 前端开发

在发送到AWS S3之前,Nuxt将图像转换为WebP

在将图像发送到NUXT应用程序中的AWS S3之前,如何将其转换为WebP格式? 我在我的网站上上传了一张照片,我想在上传到Amazon Web服务之前将图像从文件输入转换为WEBP格式。与NodeJS不同,在NodeJS中,我可以导入Sharp并使用它将图像转换为WebP格式,但这里不是这样,因为我收到如下所示的错误 Failed to compile with 4 errors ..
发布时间:2022-02-25 14:36:48 前端开发

Nuxt中间件中的重定向功能使状态为空

我有一个Nuxt应用程序,在该应用程序中,除了使用重定向之外,在中间件中一切都工作得很好。 当我注释重定向(‘/admin’)行时,它工作正常,即使在控制台记录时状态数据也是存在的。一旦我取消对重定向行的注释,它就会使状态为空。 如果有人知道这个问题,请帮忙。此代码在我的其他项目中完全有效,但在这里不起作用。 这是我在中间件文件夹中的auth.js文件。 export default ..
发布时间:2022-02-25 14:24:55 前端开发

如何阻止AXIOS向外部API发送nuxt-auth令牌?

如何使用axios从身份验证中间件背后的页面向外部API发出请求?该接口不需要任何身份验证。 每次发送包含auth令牌的请求时,都不会产生任何问题,但是每次向外部API发送auth令牌并不安全。到目前为止我已经尝试过了: const config = { headers: { Authorization: '' } }; let re ..
发布时间:2022-02-25 14:16:40 前端开发