我想在我的Vue3组件中使用预定义变量。<template><divclass="roundedimg-container"><spanv-if="!props.ready">DumusstnocheinBildaufnehmen!</span></div></template><
2023-11-17回答次数1访问次数293
我刚刚通过运行npmini tvue@latest创建了一个新的Vue应用程序,如官方文档中指定的那样。然后我尝试按照Vue和Vite网站上的指南将Tailwind添加到我的应用程序中。但是,当打开文件tailwind.config.js时,我注意到ESLint告诉我module未定义,并且module.exports语法不起作用。这是为什么?我该如何解决?编辑:Vue创建的默认.eslintrc
2023-11-17回答次数2访问次数394
我有一个表单,其中某些字段位于对象内:<scriptsetuplang="ts">...constschema:yup.SchemaOf<any>=yup.object({group:yup.string().nullable().required(),description:yup.string().nullable().required(),user
2023-11-16回答次数1访问次数169
我正在使用unplugin-icon创建一个图标组件,通常情况下我可以导入例如//scriptimportIconCopyfrom'~icons/prime/copy'//template<IconCopy/>它可以工作,但是如果我们想使用另一个图标,那么逐个导入感觉不方便,所以我创建了一个名为Eunoicon.vue的动态组件<scriptsetup>constprops
2023-11-16回答次数1访问次数235
我想禁用表单提交按钮,直到所有输入字段均已填写并且没有错误。<button:disabled="disabled"type="submit"value="Submit">Suggest</button>letdisabled=ref(true);leterror=ref(false);nextTick(()=>
2023-11-13回答次数3访问次数438
我想混合由Php和VueJS组件生成的基本HTML,而不必一直使用VueJS到最低的dom叶子。父布局应用了Vue应用程序,所有标头、导航、旁注等都是Vue组件,大多数页面上的主要内容仍然是由PHP生成的纯HTML。我想用Vue组件升级一小部分主要内容,但是一旦使用了HTML就无法使用它们:Phpscriptgeneratestheentiredom<divid="app"
2023-11-11回答次数2访问次数288
我从apexcharts.com添加了这个简单的示例。很确定导入是正确的。我没有在任何地方引用窗口。添加此文件时,我的整个应用程序就停止了。我相信这与SSR或Nuxt配置有关。<template><divid="chart"><apexcharttype="donut"width="380":options=
2023-11-09回答次数2访问次数217
有人对Vue开发工具中的某个功能有见解或资源吗?在组件窗格上,它显示了我的组件,然后是这些红色和黄 色的小方块,以及我假设的组件的性能。当我第一次加载应用程序时,它们不会出现,但例如我更新了一个文本输入组件,当用户输入新值时,该组件会验证其自己的格式。这会更新Vuex存储和/或计算属性,但令我困惑的是为什么整个事情像一棵愤怒的圣诞树一样亮起来。不相关的组件显示这些性能数据。当我检查Vuex历史记录
2023-11-09回答次数1访问次数305
我使用Vue3Compositionapi和Typescript来使用HammerJS包实现捏合缩放。我正在尝试遵循CodePen用JavaScript编写的工作示例:https://codepen.io/bakho/details/GBzvbB在Vue中实现。但是,当我尝试使其在我的Vue应用程序中运行时遇到了一些问题,我不确定如何解决它。以下错误://Objectispossibly'nu
2023-11-08回答次数1访问次数166
收到错误无法读取未定义的属性(读取“$refs”)尽管我在模板中有一个引用。这是否意味着我必须使用Vue挂载钩子?<divclass="input-wrapper"><inputtype="text"id="phone"placeholder="(555)555-5555"ref="inpu
2023-11-07回答次数1访问次数305
如何翻译组件的传入属性/属性?例如,我有一个卡片组件,其中定义了标题和描述属性。<!--my-card组件--><template><div><h2>{{title}}</h2><span>{{description}}</span></div></template><script&g
2023-11-07回答次数2访问次数163
我有一个Vue应用程序,我正在尝试使用npmrunstart运行,但是当我从PowerShell或VSCode终端运行该命令时,会出现以下错误:>economyapp@0.1.0startC:\_code\myapp>npxvue-cli-serviceservenpmERR!codeE404npmERR!404NotFound-GEThttps://registry.npmjs.or
2023-11-07回答次数1访问次数290
这是我的路由守卫:router.beforeEach(async(to,from,next)=>{awaitstore.dispatch('GetPermission');if(to.matched.some(record=>record.meta.requireAuth)){letpermissions=store.state.permissions;//获取到的是空值console
2023-11-06回答次数1访问次数319
最近我开始在我的Vue3项目中使用Pinia作为全局存储。我使用Firebase进行用户身份验证,并尝试在Vue初始化之前加载当前用户。理想情况下,所有与身份验证相关的内容应该在一个单独的文件中,使用PiniaStore。不幸的是(与Vuex不同),在我使用任何action之前,Pinia实例需要在Vue实例之前传递,我认为这就是问题所在。在首次加载时,存储中的user对象短暂为空。这是绑定用户的
2023-11-06回答次数1访问次数181
我有一个Flask后端,根据这里的描述,将一张图片发送给Vue前端:withopen('my_image_file.jpg','rb')asf:image_data=f.read()emit('IMAGE',{'image_data':image_data})在Vue前端,最终应该在网页上显示这张图片。我猜最简单的方法是将图片保存在静态文件夹中。在我的store中,我会有一个像这样的action:
2023-11-06回答次数1访问次数207
我正在使用Vue和vite来练习使用API获取数据的Web应用程序的工作流程,参考了这个教程。在执行yarndev命令的最后,我遇到了错误。我尝试过:直接克隆项目并运行相同的命令,仍然遇到相同的错误。在Github上搜索任何问题和解决方案,但没有运气。我该如何解决这个问题?还是我漏掉了什么?谢谢。
2023-11-06回答次数2访问次数255
我正在使用Vue3的teleport将元素渲染到一个div中,它按预期工作。Teleport会将项目添加到所选元素中,但不会替换div中的当前元素。我如何设置teleport以替换div中的元素,类似于vue应用程序在挂载时替换锚点div内容的方式?背景:出于SEO的原因,我需要占位元素,直到应用程序渲染和传送。<!--应用程序外部的HTML--><div><divi
2023-11-06回答次数1访问次数451
请看下面的Vue3中的简单组件示例:<script>import{defineComponent}from'vue'exportdefaultdefineComponent({name:'Test',setup(){return{one,two}}})functionone(){console.log(this)//<--Proxy{}two()}functiontwo(){co
2023-11-06回答次数1访问次数197
我使用插件“vue-qrcode”为用户生成二维码,以便为他们的公共个人资料链接生成二维码,以便他们可以在名片上分享。现在的想法是通过一个按钮让用户有可能下载二维码,并通过另一个按钮将二维码复制到剪贴板,以便更容易通过邮件发送(特别是对于智能手机用户)。问题是:我不知道如何下载或复制二维码。有人知道如何复制或下载二维码吗?目前我使用“vue-clipboard2”来复制链接等,但似乎无法复制图像。
2023-11-06回答次数1访问次数301
我在这里遇到了一个问题,我觉得我并没有真正理解。我包含了一个子组件,它传递了一个名为“active”的prop,可以设置为true或false。想法是如果传递的是“true”,那么组件的一部分会显示出来,如果传递的是“false”,则不显示。根据我的理解,我应该能够只使用prop名称,像这样做:<template><divv-if="active">这是
2023-11-05回答次数2访问次数280