cost 510 ms
根据 Vue3/Nuxt3 中的用户输入动态更改 tailwindcss 颜色

[英]Dynanically change tailwindcss color based on user input in Vue3/Nuxt3

我正在尝试为用户建立一种定义网站主色的方法。 在定义我的 tailwind 类时,我想使用类似bg-primary-600东西而不是对颜色进行硬编码,这样当primary的值发生变化时,它会更新样式。 这里有我的测试环境: https://stackblitz.com/edit/nuxt-start ...

如何获取 Vite 环境变量?

[英]How can I get Vite env variables?

我在我的项目中使用了 Quasar、Vue 3、Vite、Cypress。 我不知道如何获取.env变量(例如VITE_API_URL )并在cypress.env.json中设置。 在Vite之前我用过webpack,我知道怎么做。 我不想定义两次相同的变量,首先在.env中,然后在cypres ...

Vue 在#document-fragment 里面添加内容

[英]Vue add content inside #document-fragment

我将 vue3 与 nuxt3 一起使用,并希望在生成的#document-fragment中添加一个包含内容的模板标签。 生成的 HTML 应如下所示: 当我使用普通 html 时,效果很好。 使用 vue3,元素不在#document-fragment内,而是在它下面,如下所示: 我的 vue3 ...

访问道具 object 属性 Vue 3 + TS

[英]Access props object properties Vue 3 + TS

我无法从我的父组件访问我发送的 object 的属性。 在我的子组件中,我想访问 object "lettersState" "found"参见下面的代码)。 当我尝试访问子组件中的"found"时。 参考错误信息 “对象”类型上不存在属性“找到”。 父组件:const state = react ...

Vue 路由器刷新页面而不是导航到它。 这两个代码示例有什么区别?

[英]Vue router refreshing page instead of navigating to it. What is the difference between these 2 code examples?

我正在尝试单击“结帐”按钮,该按钮将购物车数据发送到后端并将我重定向到后端生成的 url。 我的代码不工作。 它给了我一个有效的 url,但是当我尝试重定向到那个 url 时,页面只是刷新并且我没有被重定向到任何地方。 我有一个代码的工作版本,我试图从另一个项目复制粘贴它,但它没有用。 我试图重构 ...

计算值未在 vue 中更新

[英]Computed value not updating in vue

我是 Vue 的新手,我正在做一个项目,我需要根据 boolean 值显示不同的组件,该值显示用户是否登录。 在上面的代码中,auth.isUserLoggedIn() 返回一个 boolean 值,指示用户是否已登录。 我的问题是我定义的“isUserLoggedIn”const 没有自动更新,或 ...

与 typescript 通用一起使用时,在 vue3 中抛出道具磨损

[英]Throw worning for props in vue3 when using with typescript generic

我面临这样奇怪的警告。 我定义的非数组类型看起来像发布的示例代码。 但是,Vue3 发出了警告。 有什么解决办法吗?? 或者我错过了一些机会? 简单地说,我定义modelValue类型看起来像T | T[] | undefined T | T[] | undefined 但是,Vue3 检测到Nul ...

2023-02-01 02:27:06   1   24    vuejs3 / nuxt3  
Vue 3 如何通过多个组件传递插槽

[英]Vue 3 How to pass slots through multiple components

我正在尝试使用指定的单元格在我的整个项目中制作一个可重复使用的巨大表格。 我想将不同的单元格组件传递到我的表格组件中。 但我不知道如何通过多个孩子传递命名槽。 我正在使用Vue v3.2.45 我希望能够在 App.vue 中使用我命名的插槽cell的 slotProps 就像我对命名插槽test使 ...

VueJS & firebase:页面刷新后检查用户是否登录

[英]VueJS & firebase: Check if a user is logged in after page refresh

我正在使用框架 Vue 3 和 firebase 开发一个 webapp。作为 stroe,我使用 Pinia。 对于身份验证,我使用 firebase,到目前为止效果很好,用户可以注册并登录。用户登录后,他的数据就会存储在 pinia 存储中。 但是,一旦用户登录并重新加载页面,pinia 存储中 ...

Vite 和 VueJS3 and.mount('#app'); 不工作

[英]Vite and VueJS3 and .mount('#app'); NOT WORKING

我一直在 inte.net 上阅读所有关于 Vite+VueJS3 在.mount("#app")点的问题的论坛和社区。 我正面临这个问题,不知道如何解决! 未捕获的 DOMException:字符串包含指向app.mount('#app'); Uncaught DOMException: Stri ...

作为道具传递的原始 ref 的 Vue 3 反应性

[英]Vue 3 reactivity of a primitive ref passed as a prop

在玩 Vue 3 反应性时,我遇到了一种我无法解释的行为。 我创建了一个原语的ref 。 检查isRef显然会返回true 。 但是当作为prop传递给子组件时, isRef()和isReactive()返回false 。 为什么? 此外,即使它们都返回false ,如果值发生变化,我在子组件中添加 ...

CORS Vue3/Axios 问题登录到 Flask 后端

[英]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 ...

2023-01-31 11:43:11   1   26    vuejs3  
将 Object 推送到数组后将其与其父级分离

[英]Separate an Object from its parent after pushing it to an Array

我的博客有一个表格。 该博客是一个 object,其中包含许多内容对象。 我想我没有想清楚,因为我推送到 Array 的内容保持其对父级的反应性,即使它不是 ref 或类似的东西。 这是 Vue 组件: ` 我尝试过使用“只读”,我尝试将值传递给另一个 object(如您在当前代码中看到的那样), ...

在@keydown vue3 错误中调用多个函数

[英]calling multiple functions in @keydown vue3 error

我有两个函数,我试图使用@keydown="test(); numOnly();"通过内部输入标签调用它们并得到错误TypeError: Cannot read properties of undefined (reading 'key') 当我删除test() function 时,它起作用了。 ...

创建自定义组件 Vue.js

[英]Creating a custom component Vue3js

我下载了 DataTable 组件vue3-easy-data.table 。 然后我创建了一个自定义组件,我在其中定义了表格的主题。 由于 easy-data.table 使用插槽对表项进行操作,我如何将模板标签重定向到表而不是自定义组件? 这是我的自定义组件。 目前,我为扩展 function ...

VUE.JS 3 改变一个兄弟组件的 boolean 值

[英]VUE.JS 3 Changing boolean value of one sibling component from another

我有两个组件 - 组件 A 和组件 B,它们是兄弟姐妹。 我需要从 Component-B 中的 Watcher 更改 Component-A 内部的 boolean 值。 组件A代码: B组份代码: ...

如何将 Vue 属性值添加到背景图像

[英]how to add Vue props value to background-image

我是 VueJS 的新手,我对从 Vue 道具值更改背景图片感到困惑。 我从“vue3-easy-data.table”创建了简单的表格。 基表.vue:<template> <EasyDataTable> ... </EasyDataTable> &lt ...


 
粤ICP备18138465号  © 2020-2023 STACKOOM.COM