问题标签 [vuejs3]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
149 浏览

vue.js - 如何将数据从 vue.js 中的挂载函数传递到数据函数内部的数组

我正在尝试将数据传递给数据函数内部的接收数组,我正在从 firebase 获取数据并希望在 vue 表中显示,但它显示错误

Uncaught TypeError: Cannot set property 'received' of undefined 谁能帮我怎么做?提前致谢

`

0 投票
1 回答
64 浏览

vuejs2 - 为什么在 Vue 3 的 Composition API 中使用“API”这个词?

我一直在阅读即将在Composition API今年发布的 Vue 3 中引入的新功能。

虽然我一直在研究和探索这个主题,但我不明白为什么要使用“API”这个词。据我所知,API 用于在浏览器/应用程序和服务器之间发送/获取数据。

此外,Composition API 被设置为 Vue 2 中已经存在的可选替代品Options API。即使在这里,我也不明白在Options API.

有人可以解释一下吗?

0 投票
1 回答
660 浏览

spring-boot - WebSockets (STOMP) 将音频从后端 Spring Boot 流式传输到前端 Vuejs

我正在为学校项目开发像 Spotify 这样的音频流媒体平台。我将 Vuejs 用于前端应用程序并实现了一个音频播放器。这是有效的。

现在我需要一种将音频文件从后端发送到前端的方法。我现在有一个使用 Spring Boot 的称为流服务的微服务,并使用 WebSocktets (STOMP) 与前端建立连接。但我看到它主要用于聊天应用程序或电话会议应用程序..

我读到通过 REST 发送音频文件很重,因为反复建立连接。哪种方式是最有效的实现方式?

由于我不是高级开发人员,请具体回答

0 投票
2 回答
1322 浏览

javascript - VueJS;在运行本地 JavaScript 文件之前等待元素

我有一些组件、javascript 和需要按特定顺序运行的元素。

第一个 -opensheetmusicdisplay.min.js我在我的 index.html 文件中。这不是问题。

第二 -<div id="xml">

第三 -xml-loader.js这取决于“xml” div 和opensheetmusicdisplay.min,js

这是 index.html:

这是我试图测试的 JavaScript 部分:

当我运行它时,它们都是"xml2"显示空白的实例。确实显示数据,这意味着它正在从部分中opensheetmusicdisplay的源读取headindex.html

在评论中向我指出,警报只接受一个论点。这是一个错误,我暂时搁置一下。控制台中的错误是 TypeError: document.getElementById(...) is null。

现在,这是 main.js。由于我的各种想法,有很多评论:

// vue 导入和配置 import Vue from 'vue' import App from '@/App' import VueRouter from 'vue-router'

Vue.use(VueRouter) Vue.config.productionTip = false

我注册XmlJs为全球性的,因为这是 100 件实际有效的事情中唯一的出路。然后我像这样嵌入它Notation.vue

最后一个文件是我正在尝试做的肉和土豆。为了呈现我想要的输出,它会xml-loader.js从数据中获取数据<div id="xml">并执行程序所做的任何魔术。问题是似乎无论如何都没有等待{{ notation.data }}.

我一般不熟悉使用 vuejs 和前端 javascript 框架。我确实认识到此时代码可能不是最佳的。

0 投票
0 回答
104 浏览

laravel - Vuejs Bugs 查看组件

我有这个组件的代码,但它不工作。当我在本地主机中查看它时,它给了我一个空页面,我从端口 3000 和 8000 都尝试了它。它一直给我同样的错误,没有数据显示。

这是 app.js 文件

这是它的视图页面

它看起来像这样在此处输入图像描述

** 顺便说一下,我使用的是 Larvel 7.4 和 vuejs3

0 投票
1 回答
300 浏览

vue.js - 如何使用 vue.js 和 bootstrap4 在移动视图中隐藏侧边栏并在移动和其他设备视图中单击切换

我的代码可以在纯 bootstrap4 和 javascript 上正常工作,但是当我尝试在移动视图侧边栏中使用 vuejs 时,下面没有显示我想在 vuejs 中更改的代码,但在 vuejs 中它显示 toggleClass is not defined 错误

这是我正在使用的模板的链接。

这是错误的屏幕截图

在此处输入图像描述 任何人都可以帮助我如何做以及有什么替代方法?提前致谢

0 投票
1 回答
3272 浏览

vuejs3 - 如何在 Vue.js 3 中访问动态 ref 标记的 html 元素?

使用 Vue.js 2 api-composition,您可以.ref在. 正如许多文章和此线程中所述:https ://github.com/vuejs/composition-api/issues/226它在 vue.js 3 中不可用,您应该声明与 ref 同名的属性-ed 元素:setupContextsetup()

但是,当您不知道 ref 名称时怎么办setup()

像这个“最小”的例子:

0 投票
3 回答
6359 浏览

javascript - 如何正确重置 Vue Composition Api 的反应值

我想知道如何在 vuejs 设置中重置反应式?(我知道是否将其更改为 ref 并使用 view.value 将解决这个问题,但应该有一个使用响应式的答案)

在此处输入图像描述

0 投票
2 回答
146 浏览

vue.js - Vue.js 3 可选 v-scroll-to

这是我使用的代码。

我可以使用这两个对象结构列表,它工作正常。

由于我不喜欢重复我的代码,我尝试根据列表中的第一个对象动态添加属性typev-scroll-to但是它不起作用。实现它的最佳方法是什么?(见下面的代码)

0 投票
1 回答
2229 浏览

vue.js - Vue 3 什么是基于类的 API、基于函数的 API、反应性 API 和组合 API

当我开始使用 vue 3 时,我看到了这些概念:

  • 基于对象的 API
  • 基于函数的 API
  • 基于类的 API
  • 组合 API
  • 选项 API
  • 反应性 API

有人能告诉我们这些的定义吗?

2021 年更新

我添加了 Options API 和 Reactivity API