vuejs3

我正在分配从 database 到 axios.get 获取的反应性 image link，如下所示： <div class="main-image" :style="{'background-image': 'url(' + state.articles.image[0] + ')'}"> 一切正常，div 的背景图像已正确更改。唯一的问题是我的控制台抛出： GET http://... »

有什么方法可以从 Vue 3 组件中得知哪些 props 被显式传入（即，作为父模板中组件标签上的属性）——而不是取消设置并从默认值中接收它们的值？ 换句话说，如果我有一个使用默认值声明的道具，像这样： props: { name: { type: String, default: 'Friend' } } 我如何分辨这之间的区别： <Greeting name="... »

如何通过 Vue 路由器 在 Vue 3 with TypeScript< /strong>？... »

我正在使用 Vue 3 和 Napster API 开发一个音频播放器。 项目详情 我在基于 CSS 关键帧的动画和 isSpinning 计算属性的帮助下制作了乙烯基旋转。 我希望黑胶唱片在到达当前曲目的结尾时停止旋转，这就是isSpinning 有这个“公式”的原因： isSpinning() { return this.isPlaying &amp;&amp; !this.player.... »

当在顶级 HTML 文件中声明时，我的 Vue 组件可以正常工作，就像这样 &lt;body&gt; &lt;div class='app' id='app'&gt; &lt;header-bar id='headerBar'&gt;&lt;/header-bar&gt; &lt;journal-page&gt;&lt;/journal-page... »

http://localhost:3000/apartamentai?filter[city]=维尔纽斯 import { ref, onMounted } from 'vue'; import { useRouter, useRoute } from 'vue-router'; export default { setup() { const router = useR... »

我使用 Vue CLI 创建了一个 Vue3 应用程序，以使用 Vuex 和路由器创建我的应用程序。应用程序运行良好。 注意：我在 Vue3 https://blog.logrocket.com/using-vuex-4-with-vue-3/987654321@ 要求现在我想更改我的 Vue3 应用程序以支持服务器端渲染（即 SSR）。 我观看了关于使用 Vue3 创建 SSR 应用程序的精彩视... »

我有一个通过 vue-cli 创建的简单 Vue Hello-world 应用程序。有默认应该是惰性的路由器。但正如我在浏览器网络选项卡中看到的那样，它并不懒惰。它在第一页加载时立即加载所有组件。我唯一做的就是向路由器添加一条路由。它看起来像 documentation 示例。此外，正如文档所说，我已经安装了 @babel/plugin-syntax-dynamic-import 并更新了 bab... »

我正在使用 Vue 3 和 Vuex 4。当我打开模态框时，主对象（汽车）变得等于默认对象，并且这些默认值填充模态框的表单。下面的代码是简化版。 Vuex 模块： state: { car: {} defaults: { brand: "", color: "", value: "" ... } }, acti... »

当我使用 Vue-CLI 时，下面的代码运行没有任何问题。 export const resourceCenterIcon = &lt;svg xmlns="http://www.w3.org/2000/svg" class="bi bi-gift" viewBox="0 0 16 16"&gt; &lt;path... »

我正在尝试使用 axios 和外部 JavaScript 文件来理解 async/await。 这是为了不在 Vue 页面中包含 HTTP 调用并在其他组件中重用它。 当我尝试这段代码似乎可以工作但“const result=await this.login.goLogin(this.password)”时，结果仍然未定义。 scr |- components |-login... »

如果问题看起来很愚蠢，我深表歉意。我是 Vue 新手。 我有几个按钮和几个 div。单击每个按钮时都应该显示匹配的 div，同时隐藏其他所有人。 这就是我所做的 &lt;!-- Buttons --&gt; &lt;div v-for="button in buttons" :key="button" @click="showBox(button.link)"&gt; {{ button.... »

此子属性转移不起作用。 &lt;ProductItemView :productItem="productItem"/&gt; 子组件代码为： &lt;h4&gt;{{ productItem.title }}&lt;/h4&gt; import { Vue } from 'vue-class-component'; import { ProductItem } from '../../sto... »

我在我的main.ts 文件中设置了一个提供程序： app.provide('currentPage','test1') 然后将其注入到组件中Home.vue: inject: ['currentPage'], 然后我可以使用{{ currentPage }} 更新它并在该组件中显示它而不会出现问题。 但我希望另一个组件 DeepNestedComponent.vue 能够对其进行编辑，并且 Ho... »

我使用vue3 beta 18，发现当我删除一个由v-for中的动态组件渲染的组件时，不会发出beforeDestroy。 两者都被停用、销毁。 当我从集合“windows”中删除它时，该组件“消失”了。 &lt;template&gt; component(v-for="ww in windows" :key="ww.$id" :is="ww.component" v-bind="ww.prop... »

我在我的Vue项目中使用composi api和nuxt.js firebase模块，我想调用注入到模块中的变量，例如$ fireAuth，但是我没有找到解决方案。 下面是一个关于我希望它如何工作的小代码培训： export default createComponent({ setup(_props, { root }) { root.$fireAuth= .. } } // o... »

我创建了一个单选按钮组件，在该组件上发出一个事件，但我的 v-model 仍然为空 我看不出问题出在哪里我在控制台中没有错误 导入组件 RadioButton 数据性别：''; &lt;RadioButton group="gender" val="Mme" label="Mme" :model="gender" /&gt; 组件 &lt;template&gt; &lt;div ... »

我正在尝试识别此标头组件，但它没有。我已经尝试将 eslint 设置为严格，并且弄乱我的语法无济于事。我不明白，这应该很简单。任何帮助将不胜感激。 App.vue &lt;template&gt; &lt;div class="container"&gt; &lt;header /&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt;... »

似乎解决类似问题的所有答案都与 Vue 2 相关，或者根本没有给出预期的结果。即使the docs 中描述的内容也不起作用，因为如果我记录 ref 的值，我只会看到一个空对象。 我有一个这样的模板： &lt;template&gt; &lt;post-content v-for="post in posts" :post-data="post" :key="post.id" ref="last... »

我的脚本标签如下所示： &lt;template&gt; &lt;div&gt; &lt;div ref="publicKey.element"&gt;Public&lt;/div&gt; &lt;div ref="privateKey.element"&gt;Private&lt;/div&gt; &lt;/div&gt; &lt;/template&gt; &lt;script set... »