vue-component 相关问题

Component是一个强大的Vue功能,允许扩展基本HTML元素以封装可重用代码。

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

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

回答 1 投票 0

以编程方式从 DOM 中删除组件 Vue 3

我正在制作类似于带有单元格的工作表的东西,在其中使用拖放我可以移动事件,即组件。 因为可以从像这样的任何文件添加组件 甚至导入...

回答 1 投票 0

Vuetify 中的 Html 主题集成

我可以将 CSS 和 JavaScript 文件导入到 Vuetify 中以导入某些组件吗?或者我可以放置一个作为基本 HTML 主题的整个主题吗? 比如我发现了一个专业人士需要的工具...

回答 1 投票 0

将静态数据从父 Vue 组件传递到子 Vue 组件

我正在通过 YouTube 视频在线学习 Vue.js,我了解到要将数据从父组件传递到子组件,我们在父组件中使用 v-bind,在子组件中使用 props,但在我创建了第一个

回答 1 投票 0

将数据从父组件传递到子组件

我正在通过youtube视频在线学习vuejs,我了解到为了将数据从父组件传递到子组件,我们在父组件中使用v-bind,在子组件中使用props,但是在我创建了我的第一个项目之后...

回答 1 投票 0

pinia 商店更新后,Vue 3 组件没有更新

我正在使用 typescript 和 Pinia 开发一个 Vue js 3 项目。 我有一个创建变更日志的模式,它运行良好,创建了变更日志,但视图未更新,我需要刷新页面...

回答 1 投票 0

在 VueJS 中下载实际的 HTML 页面

我是 Javascript 和 VueJS 的新手。 我使用 VueJS 构建了一个项目,但该页面不与任何数据库交互。我的目标是在预览中启用编辑,完成后,当我单击...

回答 1 投票 0

为什么 useDropZone 不适用于数据类型:['image/*']?

我使用Vue 3。 为什么 VueUse 10.9.0(最新版本)中的 useDropZone 无法处理 dataTypes: ['image/*'] ? 我想通过拖放和/或(用户定义的)选择来实现加载单个图像....

回答 1 投票 0

如何从 v-select 访问对象?

这是我的规则。值数组看起来像 “价值观”:[ { "value_display": "碎云", “值”:“803” }, { ”

回答 3 投票 0

我使用 Vue Js 创建了一个 Img 组件。但 Img 没有显示

我使用 Vue Js 创建了一个 Img 组件。并且该组件被传递到位于同一目录中的头文件,Img组件包含一个父div。当我通过 Img 组件时...

回答 1 投票 0

Vue 接收到一个组件,该组件被制成响应式对象

我需要解决的问题:我正在编写一个基于VueJS3的小vue-app。 我有很多不同的侧边栏,我需要防止同时打开多个侧边栏的情况...

回答 2 投票 0

在路线更改时更新 VueJs 组件

有没有办法在路由更改时重新渲染组件?我正在使用 Vue Router 2.3.0,并且在多个路由中使用相同的组件。第一次使用效果很好,或者如果我导航到的路线

回答 7 投票 0

如何使用vue 3和vite导入index.vue文件而不指定文件名?

我最近开始开发一个使用 vite 运行的 Vue 3 应用程序,我正在尝试重构目录,以便可以将组件和相关子组件分组到文件夹中。 我现在...

回答 3 投票 0

将文本复制到剪贴板:无法读取未定义的读取“writeText”的属性

我有一个按钮 当我点击复制时 copyImageLinkText({ mouseenter, mouseleave }, e) { this.showCopiedText = !this.showCopiedText navigator.clipboard.writeText(this.imageLink) 清除超时(

回答 4 投票 0

Vue:如何在每次组件递归执行时捕获一个值?

要求:每次组件递归执行时,我想将对象中的值捕获到数组中。 问题陈述:当组件递归执行时,我可以将值推送到每个

回答 1 投票 0

无法解析组件:google-pay-button

我正在尝试使用 google-pay-button 在 vue js 中通过 Gpay 进行支付集成。但我收到错误 - 无法解析组件:google-pay-button 我的代码 - 我正在尝试使用 google-pay-button 通过 vue js 中的 Gpay 进行支付集成。但我收到错误 - 无法解析组件:google-pay-button 我的代码- <google-pay-button environment="TEST" v-bind:button-type="buttonType" v-bind:button-color="buttonColor" v-bind:existing-payment-method-required="existingPaymentMethodRequired" v-bind:paymentRequest.prop="{ apiVersion: paymentRequest.apiVersion, apiVersionMinor: paymentRequest.apiVersionMinor, allowedPaymentMethods: paymentRequest.allowedPaymentMethods, merchantInfo: paymentRequest.merchantInfo, transactionInfo: transactionInfo, callbackIntents: callbackIntents, }" v-on:loadpaymentdata="onLoadPaymentData" v-on:error="onError" v-bind:onPaymentAuthorized.prop="onPaymentDataAuthorized"> </google-pay-button> <script> import "@google-pay/button-element"; export default { ... } </script> 我期望应该显示 Google pay 按钮,但它显示错误。 这是一个警告。尽管如此,该元素仍然需要生成。错误的原因是 @google-pay/button-element 不是 Vue 组件,但它们正在寻找名为 <google-pay-button> 的元素来显示按钮。 Vue.js 旨在辅助开发,因此它表明 <google-pay-button> 是一个未声明的组件,确认您是否打算以这种方式使用它。这些特殊命名的元素可以放入例外列表中。我将演示如何使用 Vite 来做到这一点。 import { defineConfig } from "vite"; import vue from "@vitejs/plugin-vue"; // https://vitejs.dev/config/ export default defineConfig({ plugins: [ vue({ template: { compilerOptions: { // consider any tag with a dash as a custom element isCustomElement: (tag) => tag === 'google-pay-button', // can write any condition here, the key is to cover all your custom components, even if it's as simple as tag.startsWith("google-pay-") or any other }, }, }), ], });

回答 1 投票 0

如何从 javascript/typescript 模块文件(导入/导出)访问 Vuex 存储?

我有一个vue应用程序。 如何从 javascript/typescript 模块文件(导入/导出)访问商店? 例如,我创建了导出状态、操作、突变的 auth-module。 导出常量...

回答 2 投票 0

在Vue中处理链表

一个简单的数组可以在 Vue 中渲染如下: 有没有一种简单的方法可以实现...

回答 3 投票 0

Vue 3 的断点/响应式插件

使用 Vue 3 构建企业级应用程序,不幸的是我还没有找到任何合适的插件来使应用程序具有响应能力。虽然有一些旧插件可以与 Vue 2 配合使用,但不能...

回答 2 投票 0

在Vue3中定义和重用内联组件

是否可以在 Vue3 中内联定义一个“子组件”,它可以在同一个 .vue 文件/组件中重用,但无需实际定义新的 .vue 文件(即不定义此子组件)

回答 3 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.