vue.js 相关问题

Vue.js是一个开源的，渐进式的Javascript框架，用于构建旨在逐步采用的用户界面。 Vue.js主要用于前端开发，需要中级HTML和CSS。应该标记特定于Vue.js版本2的问题[vuejs2]。

Vue.JS“TypeError：reverseMessage不是函数”

我正在尝试使用 Vue 反向显示字符串。我的模板是： ...

javascript vue.js vuejs2

回答 2 投票 0

Q-table：从单个字段渲染多个列？

我有一个类星体表，它显示从 API 获取的一些信息，并且我正在尝试以有意义的方式定义列。除其他外，API 返回以下内容： { ”

vue.js quasar-framework

回答 2 投票 0

使用 Vue 3 在 InertiaJS 中定义全局组件

我正在尝试在 Laravel 8.38 - InertiaJS 0.8.4 上构建一个应用程序，我使用 Vue 3 作为我的前端堆栈。我有多个布局，我需要将它们全局注册为 Vue 组件，这样我就可以...

laravel vue.js vuejs3 inertiajs

回答 3 投票 0

Highcharts 未在基本 vue js 应用程序中呈现。返回空 div

我有一个简单的 Vue js 应用程序。我正在尝试将高图表渲染到应用程序中。我知道我正在从数据库中获取数据，但现在我没有在图表中使用这些数据。但我稍后会的。现在我只是

javascript vue.js highcharts axios

回答 1 投票 0

无法让 Ant Design 与 Vue 3 微前端应用程序配合使用

我正在使用 vite-plugin-federation 使用 Vue 3 创建一个微前端应用程序。有一个公开组件的远程应用程序，还有一个将使用这些组件的主机应用程序。我去过

vue.js vite antd micro-frontend ant-design-vue

回答 1 投票 0

Vuetify textarea - 事件传播实际上是如何工作的？

我遇到了一个奇怪的情况，组件的使用如下：我遇到了一个奇怪的情况，使用以下组件： <template> <v-app> <v-container> <v-menu v-model="menu" :close-on-content-click="false"> <template #activator="{ props }"> <v-btn v-bind="props"> Open </v-btn> </template> <v-card> <v-card-text> <v-form> <v-textarea label="sample text"></v-textarea> </v-form> </v-card-text> <v-card-actions> <v-btn @click="menu = false"> Close</v-btn> </v-card-actions> </v-card> </v-menu> </v-container> </v-app> </template> <script setup> import { ref } from 'vue' const menu = ref(false) </script> Vue Playground 链接通常，当在 v-textarea 内按 Enter 时，结果将是添加换行符。然而，在这种情况下，打开菜单写一些东西并按 Enter 键不会执行任何操作。如果我删除 v-card-actions 组件，按 Enter 键将添加换行符，但也会关闭菜单。这不是所需的行为（这是一个减少示例。）。如果我随后将 @keydown.enter.stop="" 事件处理程序添加到 v-textarea，一切都会按我的意愿进行。由于最后一步使其工作，我怀疑事件传播中发生了一些奇怪/有缺陷的事情，或者我没有正确理解。这是怎么回事？它看起来是由 v 菜单上的 function 引起的，该函数在收到 Enter keydown 事件时运行。该函数调用 e.preventDefault()，因此可以防止出现新行。只要 keydown 事件在 v 菜单之前停止传播，这种情况就不会发生。您可以将 @keydown.enter.stop 移动到 v-textarea 和 v-card（包括）之间的任何元素上，然后将创建新行。

vue.js event-handling vuetify.js

回答 1 投票 0

在 q-expansion-item 中显示 Vue.js 组件的问题

我正在使用 Quasar 框架开发 Vue.js 项目，但遇到了一个问题。我有一个项目列表 (essentialLinks)，我正在使用 q-expansion-i 内的 EssentialLink 组件来显示这些项目...

vue.js vuejs3 vue-component quasar-framework quasar

回答 1 投票 0

Vue-“缺少分号”错误的问题

我正在学习vue，我遇到了恼人的错误[vue/compiler-sfc]缺少分号。在这部分代码中：导出默认值{ 道具：['页面创建']，数据（）{ 页面标题：''，...

vue.js

回答 1 投票 0

Vue.js - ref() 与 DefineModel()。有什么区别？

我是 Vue.js 世界的新手。所以我不明白 ref() 和 DefineModel() 之间的区别。我在 YouTube 上看过教程，他们说这让父母和孩子之间的沟通更容易

vue.js

回答 2 投票 0

使用 schema 使 vue-form-generator 部分可折叠

我正在使用 vue-form-generator 库来创建表单。问题是我的表单上有 116 个问题，我想折叠一些问题，使表单更易于用户管理。我...

vue.js bootstrap-vue

回答 2 投票 0

Twilio 的 Sens SMS：类扩展值未定义不是构造函数或 null

我尝试在 Vue.js 中使用 Twilio 发送短信，但当我转到“工具”->“开发人员工具”时出现错误。我正在尝试在 Vue.js 中使用 Twilio 发送短信，但当我转到“工具”->“开发人员工具”时出现错误。 <template> <div> <input type="text" v-model="to" placeholder="Numéro de téléphone"> <textarea v-model="body" placeholder="Message"></textarea> <button @click="sendSMS">Envoyer SMS</button> </div> </template> <script> import twilio from 'twilio'; export default { data() { return { to: '', body: '', accountSid: 'VOTRE_ACCOUNT_SID_TWILIO', authToken: 'VOTRE_AUTH_TOKEN_TWILIO', twilioNumber: 'VOTRE_NUMERO_TWILIO', }; }, methods: { async sendSMS() { const client = twilio(this.accountSid, this.authToken); try { await client.messages.create({ body: this.body, from: this.twilioNumber, to: this.to, }); alert('SMS envoyé avec succès !'); } catch (error) { console.error('Erreur lors de l\'envoi du SMS:', error); alert('Erreur lors de l\'envoi du SMS. Veuillez réessayer.'); } }, }, }; </script> 错误 twilio.js?t=17137716…939&v=b4dcae58:2609 Uncaught TypeError: Class extends value undefined is not a constructor or null at twilio.js?t=17137716…&v=b4dcae58:2609:36 at ../../../node_modules/agent-base/dist/src/index.js (twilio.js?t=17137716…9&v=b4dcae58:2763:7) 我添加了 npm install twilio package.json : "twilio": "^5.0.4" agent-base是Node库，twilio也是Node库，错误发生在代码的相关部分，表明特定于Node API的类不存在。像这样的库无法在客户端安全运行，因为这需要公开应保持私有的 API 密钥。这需要在 Node 服务器中使用它并从 Vue 应用程序向它发出请求。

javascript vue.js vuejs3 twilio

回答 1 投票 0

PrimeVUE - 数据表 - 添加在行编辑模式下打开的新记录

我想在 PrimeVue 数据表中添加一条新记录，并且我希望该记录在编辑模式下连续打开。该文档仅通过对话框显示此功能。 https://www.primefaces.org/pr...

vue.js datatables primevue

回答 1 投票 0

Apexcharts：如何强制条形图中的轴仅显示整数值？

我正在使用 ApexCharts 中的条形图。水平 x 轴有项目数。当数字太低（例如 1、2）时，轴会显示没有意义的中间十进制值。如何...

vue.js apexcharts

回答 2 投票 0

平滑的水平滚动

我正在开发一个在桌面上水平溢出的网站，而不是通常的垂直滚动。这一切都很好，但是为了提高用户体验，我必须修改 scr...