
[英]Dynanically change tailwindcss color based on user input in Vue3/Nuxt3
我正在尝试为用户建立一种定义网站主色的方法。 在定义我的 tailwind 类时,我想使用类似bg-primary-600东西而不是对颜色进行硬编码,这样当primary的值发生变化时,它会更新样式。 这里有我的测试环境: https://stackblitz.com/edit/nuxt-start ...
[英]Dynanically change tailwindcss color based on user input in Vue3/Nuxt3
我正在尝试为用户建立一种定义网站主色的方法。 在定义我的 tailwind 类时,我想使用类似bg-primary-600东西而不是对颜色进行硬编码,这样当primary的值发生变化时,它会更新样式。 这里有我的测试环境: https://stackblitz.com/edit/nuxt-start ...
[英]How can I get Vite env variables?
我在我的项目中使用了 Quasar、Vue 3、Vite、Cypress。 我不知道如何获取.env变量(例如VITE_API_URL )并在cypress.env.json中设置。 在Vite之前我用过webpack,我知道怎么做。 我不想定义两次相同的变量,首先在.env中,然后在cypres ...
[英]Vue add content inside #document-fragment
我将 vue3 与 nuxt3 一起使用,并希望在生成的#document-fragment中添加一个包含内容的模板标签。 生成的 HTML 应如下所示: 当我使用普通 html 时,效果很好。 使用 vue3,元素不在#document-fragment内,而是在它下面,如下所示: 我的 vue3 ...
[英]Access props object properties Vue 3 + TS
我无法从我的父组件访问我发送的 object 的属性。 在我的子组件中,我想访问 object "lettersState" "found"参见下面的代码)。 当我尝试访问子组件中的"found"时。 参考错误信息 “对象”类型上不存在属性“找到”。 父组件:const state = react ...
[英]Adding custom HTML element inside template using functions Vue.js
有什么方法可以使用 javascript 函数在模板标签内渲染带有自定义属性的 html 元素吗? 例如我试图实现的目标: ...
[英]Vue router refreshing page instead of navigating to it. What is the difference between these 2 code examples?
我正在尝试单击“结帐”按钮,该按钮将购物车数据发送到后端并将我重定向到后端生成的 url。 我的代码不工作。 它给了我一个有效的 url,但是当我尝试重定向到那个 url 时,页面只是刷新并且我没有被重定向到任何地方。 我有一个代码的工作版本,我试图从另一个项目复制粘贴它,但它没有用。 我试图重构 ...
[英]Computed value not updating in vue
我是 Vue 的新手,我正在做一个项目,我需要根据 boolean 值显示不同的组件,该值显示用户是否登录。 在上面的代码中,auth.isUserLoggedIn() 返回一个 boolean 值,指示用户是否已登录。 我的问题是我定义的“isUserLoggedIn”const 没有自动更新,或 ...
[英]Throw worning for props in vue3 when using with typescript generic
我面临这样奇怪的警告。 我定义的非数组类型看起来像发布的示例代码。 但是,Vue3 发出了警告。 有什么解决办法吗?? 或者我错过了一些机会? 简单地说,我定义modelValue类型看起来像T | T[] | undefined T | T[] | undefined 但是,Vue3 检测到Nul ...
[英]Vue 3 How to pass slots through multiple components
我正在尝试使用指定的单元格在我的整个项目中制作一个可重复使用的巨大表格。 我想将不同的单元格组件传递到我的表格组件中。 但我不知道如何通过多个孩子传递命名槽。 我正在使用Vue v3.2.45 我希望能够在 App.vue 中使用我命名的插槽cell的 slotProps 就像我对命名插槽test使 ...
[英]VueJS & firebase: Check if a user is logged in after page refresh
我正在使用框架 Vue 3 和 firebase 开发一个 webapp。作为 stroe,我使用 Pinia。 对于身份验证,我使用 firebase,到目前为止效果很好,用户可以注册并登录。用户登录后,他的数据就会存储在 pinia 存储中。 但是,一旦用户登录并重新加载页面,pinia 存储中 ...
[英]Vite and VueJS3 and .mount('#app'); NOT WORKING
我一直在 inte.net 上阅读所有关于 Vite+VueJS3 在.mount("#app")点的问题的论坛和社区。 我正面临这个问题,不知道如何解决! 未捕获的 DOMException:字符串包含指向app.mount('#app'); Uncaught DOMException: Stri ...
[英]Vue 3 reactivity of a primitive ref passed as a prop
在玩 Vue 3 反应性时,我遇到了一种我无法解释的行为。 我创建了一个原语的ref 。 检查isRef显然会返回true 。 但是当作为prop传递给子组件时, isRef()和isReactive()返回false 。 为什么? 此外,即使它们都返回false ,如果值发生变化,我在子组件中添加 ...
[英]CORS problem with Vue3/Axios login into Flask backend
我正在尝试使用Vue3/Axios实现登录系统。 对于后端,我使用配置了 CORS 的Flask 。 在前端(vue 3),我使用 axios 具有以下配置: axios.ts 在 Vue 3 登录组件中,我有包含相应变量和方法的脚本部分,单击登录按钮时将调用这些脚本部分。 并将脚本部分中定义的变量 ...
[英]Computed Value not undefined
我想过滤掉computed中的prop,prop值是可用的,但是computed总是显示undefined。 以下是我的代码: “验证结果”可用,并且在开发工具中具有价值。 计算属性“filteredInvalidRules”始终未定义。 如何解决? TIA ...
[英]Separate an Object from its parent after pushing it to an Array
我的博客有一个表格。 该博客是一个 object,其中包含许多内容对象。 我想我没有想清楚,因为我推送到 Array 的内容保持其对父级的反应性,即使它不是 ref 或类似的东西。 这是 Vue 组件: ` 我尝试过使用“只读”,我尝试将值传递给另一个 object(如您在当前代码中看到的那样), ...
[英]How to add types to computed in composition api vue 3
问题 - 我尝试向计算中添加类型,但出现错误: Overload 1 of 2, '(getter: ComputedGetter<AuthFormType>, debugOptions?: DebuggerOptions | undefined): ComputedRef<Au ...
[英]calling multiple functions in @keydown vue3 error
我有两个函数,我试图使用@keydown="test(); numOnly();"通过内部输入标签调用它们并得到错误TypeError: Cannot read properties of undefined (reading 'key') 当我删除test() function 时,它起作用了。 ...
[英]Creating a custom component Vue3js
我下载了 DataTable 组件vue3-easy-data.table 。 然后我创建了一个自定义组件,我在其中定义了表格的主题。 由于 easy-data.table 使用插槽对表项进行操作,我如何将模板标签重定向到表而不是自定义组件? 这是我的自定义组件。 目前,我为扩展 function ...
[英]VUE.JS 3 Changing boolean value of one sibling component from another
我有两个组件 - 组件 A 和组件 B,它们是兄弟姐妹。 我需要从 Component-B 中的 Watcher 更改 Component-A 内部的 boolean 值。 组件A代码: B组份代码: ...
[英]how to add Vue props value to background-image
我是 VueJS 的新手,我对从 Vue 道具值更改背景图片感到困惑。 我从“vue3-easy-data.table”创建了简单的表格。 基表.vue:<template> <EasyDataTable> ... </EasyDataTable> < ...