我正在创建一个库,以便在其他几个项目中重用 VueJS 应用程序。这是一个插件,用于在任何 VueJS 项目中生成和显示表单。我使用 pinia 作为此库中的商店,并使用 Vite 来构建它。如何使库的商店在导入它的项目级别可读?我的问题是,在 VueJS 的 chrome 扩展中,我无法访问此商店。库中的示例我在我的库中创建了此商店:在main.ts文件中,我有install方法:export
我是 Vuejs 新手,请帮忙。我正在调用一个组件来创建一个“成员”。在调用此组件并传递成员数据时,该组件引发了与内部函数之一相关的错误。考虑到成员数据是通过 API 获取的,问题似乎是成员数据最初并未得到满足。我尝试将导致错误的函数转换为异步,但这似乎也不起作用。下面是一些针对我的问题的代码片段。Home.vue<Member :member="memb" />data() {return {m
2022-02-02
这是一个相当简单的概念错误,但无论如何我都无法解决它,我在 onMounted 钩子中创建了一个 axios.get(),在 onMounted 块内,一切都显示正确⇾一个由三个对象组成的数组。但是,一旦我将其返回到模板并对其进行插值,就会看到该值只是一个空数组。这是代码:<template><div class="container"><h1>Events for good</h1><img a
2022-07-31
我正在使用 vue js 3,但出现此错误。我尝试使用路由器。我的 main.js 文件在这里:import { createApp } from 'vue'import App from './App.vue'import VueRouter from 'vue-router' // i added thisimport Vue from 'vue'; // and thisVue.us
2021-06-11
http://localhost:3000/apartamentai?filter[city]=Vilniusimport { ref, onMounted } from 'vue';import { useRouter, useRoute } from 'vue-router';export default {setup() {const router = useRouter();const r
2021-10-08
我是 Vue.js 的新手,我为用户创建了一个简单的表单并使用 API 存储数据。提交时我调用此函数:setup(props, { emit }) {const blankData = {customer: '',template: '',rate: '',property_from: '',property_to: '',move_date: '',num_days: '',token: '',
2021-11-22
在 SPA 中使用选项 API,如何(在哪里)定义将从 html href 调用的函数?在下面的 codepen 中演示,一切正常。CODEPEN但是,在我的单个页面上: <template><div v-html="my_div" /></template><script>/* function MyFunction() {alert();}; */const MyFunction = (
2022-10-11
我只是想使用 Vuetify 在 Nuxt/Composition API/TypeScript 项目中使用子组件。我尝试在设置方法之前包含该组件,但当我查看源代码时,我只看到<!---->子组件数据应该位于其中。这是应该显示“嵌套”组件的layouts/default.vue布局。<template><v-app><v-app-bar clipped-left app color="indigo
2020-01-01
借助选项 API,我们可以使用这些方法来扩展组件。假设我们有 2 个组件。Component1.vue<script>export default {methods: {init(message) {alert(message)}}}</script>Component2.vue<script>import Component1 from './Component1'export default
2020-11-26
我正在使用带有 Composition API 的 Vue 3,并且我想使用第三方包(例如@meforma/vue-toaster),并且应该像这样使用(在 Options API 中):import Toaster from '@meforma/vue-toaster';createApp(App).use(Toaster).mount('#app')然后在组件中:this.$toast.sho
2021-01-04
我在 Vue 3 Composition API 中写了以下内容。如果您查看“onMounted”,我会将事件侦听器附加到窗口,以将状态框保持在屏幕底部。我使用的是绝对位置和底部 0。我想知道我是否可以通过替换 getElementById 使其更“Vue”?我尝试了 refs,但它不起作用。有什么建议吗?还是我应该保持原样?谢谢<template><div><transition name="t
2021-05-27
我正在尝试弄清楚如何将 elementu-ui 组件更改为 element-plus。这是我从 vue 2 迁移到 vue 3 的一部分。我发现文档没有明确说明如何在 main.js 文件中注册 vue 3 中的组件。这是我收到的错误"export 'Tree' was not found in 'element-plus'warning in ./src/main.js"export 'def
2022-05-28
我想为元素和表的不同行赋予动态或不同的类。基本上,我想为每行赋予不同的颜色。例如,我想迭代一个包含颜色的数组const colors = ["blue","yellow","black"]我曾尝试将其绑定到我的行,如下所示:<el-table-column prop="owner"><template #header><span class="title">所有者</span></template
2022-07-31
我正在使用 Vue 3 Composition API 和 TypeScript。我想制作 Axios 插件以在我的项目中使用。这是我的代码plugins/axios.jsimport axios from 'axios'const axiosInstance = axios.create({baseURL: import.meta.env.VITE_API_URL,})export defaul
2022-08-04
我想在 Vue3 中使用 Composition API 的动态组件功能。使用 Options API 没有任何问题。我遵循了以下说明:链接这是我的代码:<script setup>import { ref } from "vue";import General from "../components/ContractGeneral.vue";import Networks from "../co
2022-09-10