js和使用vue-路由器有问题，我的组件没有呈现，控制台没有显示错误，请按照我的代码：
路由器配置(/路由器/index.js)：
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '@/pages/Home/Home.vue'
import NewUser from '@/pages/NewUser/NewUser.vue'
Vue.use(VueRouter)
const routes = [
{ path: '
浏览 15提问于2020-04-24得票数 2
回答已采纳
我正在创建一个使用vue.js的小型站点，我试图设置一个vue-路由器(到目前为止还没有起作用)。我得到了“无法重新定义属性：$router”错误。这是我的密码。App.Vue
<div id="app">
<div class="header">
<div class="tab">
<router-link to="/page1">page1</router-link>
</div>
<div class="tab"
浏览 1提问于2019-01-16得票数 1
回答已采纳
有人能帮我指出这里可能出了什么问题吗？
我试图在测试用例中模拟在组件中使用的getter，但我总是得到未定义的getter
在这里，我已经在挂载中挂载了我的组件，并为存储创建了实例，并将其映射到我的挂载函数中。
describe('Get details', () => {
const mountFunction = options => {
return mount(Details, {
localVue,
...options
})
}
test('L
浏览 0提问于2020-10-23得票数 0
回答已采纳
2回答
在Vue 2中，我经常导入Vue并访问全局属性，比如(从商店)：
import Vue from 'vue'
Vue.config.myGlobalProperty
根据，在Vue 3中，全局属性是使用createApp返回的app对象声明的。
const app = createApp({})
app.config.globalProperties.myGlobalProperty
然后通过调用this.myglobalProperty在子组件中访问
但是如何从商店访问该全局属性呢？我试着导出/导入应用程序对象，但是它没有工作(可能是因为在商店导入应用程序之后创建的)
浏览 0提问于2021-12-15得票数 0
回答已采纳
1回答
我正在将我的Vue2应用程序迁移到使用@vue/composition-api (Vue版本仍然是2而不是3)。
在Vue2中，我使用像this.$session这样的插件，但是this不能在Vue3上工作。我找到的解决方案是这样使用：
setup (props, context) {
context.root.$session // works fine
context.root.$anotherPlugin
}
然而，在Vue3中，context.root是@deprecated，所以当我迁移到Vue3时，它就不再工作了。
在setup()中还有其他方法来访问Vue实例吗？我想，
浏览 4提问于2020-12-04得票数 7
我正在构建一个laravel应用程序，并且在前端使用Vuejs，是否有可能在Laravel中运行两个Vue实例。目前，这样做会导致访问路由时发生崩溃。我猜这个错误来自Laravel路由，而不是vue。 web.php Route::get('/{user?}', function () {
return view('enduser.home');
})->where('user', '.*')->name('enduser.app');
Route
浏览 26提问于2019-10-03得票数 0
1回答
我想要设置以下组件，并想在其上运行以下基本单元测试。
(我刚接触Vue.js，不确定哪些信息对解决我的问题有价值。请询问其他特定的代码部分是否对我有帮助。)
user-information.vue：
<template>
<v-layout row wrap justify-center id="wrapper">
<v-flex class="text-xs-center centered">
<v-card>
<v-card-title primary class="ti
浏览 8提问于2018-11-21得票数 1
1回答
我是新来拉威尔和Vue Js的。我正面临着一个问题，我不能弄清楚确切的问题是什么。 app.blade.php <body>
<v-app id="app">
<example-component/>
</v-app>
<script src="{{ asset('js/app.js') }}"></script>
</body> app.js /**
* First we will load all of
浏览 44提问于2020-04-16得票数 1
回答已采纳
1回答
package.json： {
"name": "blog",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"dev": "vite --config ./vite.myconfig.js",
"build": "vue-tsc --noEmit && vite build",
"serve"
浏览 42提问于2021-04-06得票数 1
回答已采纳
1回答
我对vuejs很陌生，并实现了这个示例：
它工作得很好，但是当我试图将vuejs代码合并到我自己的项目时，我遇到了一些问题。
当加载需要身份验证的页面时，我会得到以下错误：
index.vue?4db4:11 Uncaught (承诺) TypeError:无法对“Object(.)(.)”的属性“getAccessTokenSilently”进行重构因为它是没有定义的。
我页面的代码如下所示：
<script>
import Layout from "../../../layouts/main.vue";
import { getProtectedRes
浏览 12提问于2022-11-26得票数 0
1回答
我将vue 2应用程序迁移到vue 3，使用复合api读取vue 3中的计算属性。
以下是vue 2计算属性，用于向不同的组件提供一些公共数据。我的问题是如何使用带有getters和setters的复合api来迁移vue 3计算属性。
sharingDataInComponents() {
let obj={}, objProperty = Object.defineProperty;
// variable
objProperty(obj, 'size' , {get:()=>this.size});
浏览 1提问于2022-03-07得票数 0
import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import { library } from "@fortawesome/fontawesome-svg-core";
import { fas } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/vue-fonta
浏览 14提问于2021-11-29得票数 0
我在中使用Webpacker (需要导入vue.esm.js)。我想测试我的vuex突变，如描述的。它在我使用import Vue from 'vue‘时起作用，但当我使用import Vue from 'vue/dist/vue.esm'时就不起作用了。然而，如果我不在商店里使用vue.esm，我的Webpacker应用程序就会中断。
这是我的店：
// store.js
import Vue from 'vue/dist/vue.esm' // changing this to import from 'vue' works
impo
浏览 4提问于2017-12-15得票数 5
回答已采纳
我测试Vuetify导航抽屉组件，因为我必须更改它一点，而且我有非常奇怪的问题。此外，我还添加了我使用的TypeScript
TypeError: Cannot read property 'querySelector' of undefined
28 |
29 | private setBorderWidth(): void {
> 30 | const border = this.drawer.$el.querySelector(
| ^
31 | ".v-navigation-drawer__border&#
浏览 19提问于2020-08-24得票数 1
回答已采纳
我的结构如下：
钢筋混凝土
组件
Footer.vue
- views
- Page.vue
- App.vue
我希望能够访问App.vue中的“message”变量，但是当Footer.vue不是App.vue的直接子变量(而是Page.Vue的子节点--通过路由器是子App.vue)时，我想不出该如何做。
我需要在我的文件中添加什么？现在有如下内容--当然，在App.vue中没有出现任何消息：
//App.vue
<template>
<p>Message is: {{ message }}</p>
&
浏览 1提问于2021-07-01得票数 0
回答已采纳
我在vue路线上遇到了一个问题。问题是vue路由不是呈现vue js实例的数据属性“people”。请指导我这里的问题是什么。这是我的密码。
控制台错误：
属性或方法"people“不在实例上定义，而是在呈现过程中引用。确保在data选项中声明反应性数据属性。
还有我在这里可用的运行代码：
<body>
<div id="vue-app">
<router-link to='/list'>Show People List</router-link&g
浏览 1提问于2017-08-02得票数 0
回答已采纳
我正在尝试设置一个vue3应用程序与i18n本地化。本地化应该位于json文件中。我通过vue add i18n将i18n添加到我的项目中。安装过程中提出的问题都是用默认值回答的，除了具有遗留支持的问题(我的回答是否定的)。当我尝试使用json文件中的文本时，它会在控制台[intlify] Not found 'message' key in 'en' locale messages.中告诉我本地翻译工作得很好。我不知道为什么它不使用JSON文件中提供的翻译。
这是我的代码：
packages.json
{
"name": "opti
浏览 2提问于2021-06-04得票数 3
回答已采纳
1回答
在Vue 3中安装组件库
、、、、
我是Vue.js新手，试图将Vue.js 2迁移到Vue.js 3。我已经仔细阅读了关于如何迁移的Vue.js说明；然而，我需要迁移的应用程序包含了一个组件库，我也需要在迁移的应用程序中挂载它。
这是Vue.js 2 main.js文件：
import './styles/imports.scss';
import * as components from './components';
import * as layoutComponents from './layouts';
import
const ComponentLibrary =
浏览 0提问于2022-07-22得票数 0
回答已采纳
基于Vuejs的项目中的一个组件有以下挂载方法
mounted() {
try {
let x = 'abc';
console.log(x);
let body = <HTMLElement> document.querySelector("body");
} catch (e) {
console.log(e);
}
}
编译( is vue-cli-service lint file_path)出错的地方。
解析错误:意外令牌，预期的"}“
console.log(e)；
.........
浏览 8提问于2021-01-22得票数 1
回答已采纳
我正在运行我的firebase项目，并在终端中发现了这个错误
This dependency was not found:
./src/ firebase Init.js中的firebase
要安装它，您可以运行: npm安装--从chokidar (C：)保存防火墙错误: EBUSY:资源繁忙或锁定，lstat 'C:\DumpStack.log.tmp
在我的firebaseInit.js里面
import firebase from 'firebase';
const firebaseConfig = {
apiKey: "xxxxx
浏览 0提问于2022-04-18得票数 0
回答已采纳
1回答
我想要实现的是构建一个加载vue指令，
函数使用v加载指令将呈现旋转和阻塞事件，直到函数承诺解析或拒绝为止。
到目前为止我尝试过的是：
使用addEventListener，但它只能侦听dom的本机事件，而不能侦听vue事件
劫持vue $emit函数，但是收到警告说不要覆盖名为$的vue本机函数，即使这个解决方案有效，我认为这是一个糟糕的解决方案。
在指令参数中，binding.instancebinding.value.name引用组件中的onEvent函数，我试图重写它，但它不起作用。当onEvent再次触发时，它在重写之前运行旧的onEvent。
第三方事件发射器(如m
浏览 5提问于2020-10-20得票数 2
回答已采纳
在@vue/cli应用程序中，我得到了错误eslint错误：
117:11 error 'resArray' is never reassigned. Use 'const' instead prefer-const
pointing at line :
let resArray = []
我在package.json中通过添加规则adding const=0禁用了此错误：
{
"name": "yt3",
"version": "0.1.0",
&
浏览 1提问于2020-11-02得票数 2
回答已采纳
1回答
我一直试图在不使用道具的情况下，通过父组件将值传递给子组件。我在父组件(而不是最高的父组件)上使用了provide。传入的值im将被动态更新，因此在读取vue文档之后，我必须执行类似于：Vue.computed(() => this.todos.length)的操作，但是它会引发一个错误，因为Vue是未定义的。我似乎无法像这个import Vue from 'vue'那样导入Vue (或类似的东西)。我怎么才能把这事做好？老实说，即使我试图传递一个静态变量，我在(直接)子组件中也没有定义，即使我使用的代码与vue文档中的代码完全相同。
所以我有两个问题：
如何引用/导入V
浏览 1提问于2021-01-07得票数 1
回答已采纳
我使用@vue-test-utils进行vuejs单元测试。 我的商店看起来是这样的： export default {
root: true,
state: {
batches: []
},
getters: {
getBatches: state => {
return state.batches
}
}
} 组件如下所示： <template>
<div>
<p>Batches Work!</p>
</div>
</template>
<script>
浏览 33提问于2019-09-25得票数 0
我正在尝试用正式的路由库来实现简单的路由。
这是我的app.js
window.Vue = require('vue');
window.VueRouter= require('vue-router');
Vue.use(VueRouter);
const vt=Vue.component('example', require('./components/Example.vue'));
const router = new VueRouter({
routes:[
{
浏览 4提问于2017-03-02得票数 8
回答已采纳
以前版本的vue-router使用全局应用程序实例，并自动挂载插件： if (inBrowser && window.Vue) {
window.Vue.use(VueRouter);
} 现在，这种可能性在Vue 3版本中受到限制。那么，如果我在vue-router-next中使用CDN而不是bundler，我应该如何让VueRouter传递给app.use(VueRouter)呢
浏览 13提问于2020-09-12得票数 0
回答已采纳
我正在尝试为我的Vue应用程序设置单元测试。 我使用的是Jest。我已经挂载了一个组件，并希望在其上运行测试。这个组件使用了一个叫做aao的全局函数(Vue.prototype)，它在我的测试中无法运行。 错误消息： console.error node_modules/vue/dist/vue.runtime.common.dev.js:621
[Vue warn]: Error in beforeMount hook: "TypeError: this.$aao is not a function"
found in
---> <MyProfile>
浏览 14提问于2020-08-13得票数 2
回答已采纳
6回答
Vue.js 3事件总线
、、、、
如何在Vue 3中创建事件总线？
在Vue 2，它是：
export const bus = new Vue();
bus.$on(...)
bus.$emit(...)
在Vue 3中，Vue不再是构造函数，Vue.createApp({});返回一个没有$on和$emit方法的对象。
浏览 16提问于2020-08-18得票数 83
回答已采纳
1回答
我要建立一个全新的Vue 2项目。由于与我需要使用的一个库的兼容性问题，我还不能迁移到Vue 3。
我现在有一个非常基本的设置，文件夹结构如下所示：
/
App.vue
main.js
router.js
/pages
AboutUs.vue
Home.vue
如果我不使用Vue路由器，只需将AboutUs页面导入App.vue并在模板中调用它的标记，它就会按预期显示。
当我使用Vue路由器在App.vue中的App.vue标记中呈现它时，我得到了错误消息：
Vue警告:未能挂载组件:模板或呈现函数未定义。
我怀疑这意味着我在路由器上做错了什么，但我看不出是什么。
main.js
imp
浏览 1提问于2021-01-31得票数 1
回答已采纳
我创建了一个新项目，使用：
vue create hello-world
生成一个包含HelloWorld.vue、app.vue、main.js (等)的新项目文件。
现在，我按照docs 安装了Axios
npm install --save axios vue-axios
我在main.js文件中导入了Axios：
import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
现在我遇到了一个我不明白的问题。VueAxios文档说，您只需这样
浏览 10提问于2020-10-08得票数 23
回答已采纳
3回答
我正在学习Vue js-v2.5.3。
我正在使用组件和路线的概念来开发项目。在组件工作的地方，但是当我试图定义路由时，就会出错
Uncaught Error :: route config component for path: /signin cannot be a string id.
Use an actual component instead.
或
Uncaught Error :: route config component for path: / cannot be a string id.
Use an actual component instead.
我无法理
浏览 5提问于2017-11-07得票数 0
1回答
我想在vue-路由器上使用vue.js，但是onclick不起作用。
在App.vue中：
<template>
<div id="app">
<hello></hello>
<router-view></router-view>
</div>
</template>
<script>
import hello from './components/hello/Hello.vue'
export default {
name:
浏览 0提问于2017-02-05得票数 1
回答已采纳
因此，我在Laravel和vue中创建了我的第一个SPA。我决定使用Laravel mix而不是webpack，它似乎对我来说已经坏了，我现在收到
[Vue warn]: Failed to mount component: template or render function not defined.
当我添加<router-view></router-view>时，似乎会发生这种情况。
我尝试了添加.default的“解决方案”，但不起作用。
export default new VueRouter({
routes: [
{
浏览 4提问于2019-04-09得票数 0
因此，我正在尝试为我的应用程序设置一些单元测试，我遇到了以下问题。第二次运行完全相同的测试会在shallowMount中产生错误。我可以从堆栈跟踪中看出它与v-intro自定义指令相关(参见：https://github.com/alex-oleshkevich/vue-introjs)。从我的组件模板中删除它可以解决这个错误，但我想首先了解它为什么会发生。 <template>
<div class="container" v-intro="'Hello world'" v-intro-step="1"&
浏览 40提问于2019-06-13得票数 3
我想在Vue.js的Django中创建一个类似gettext的“宏”。 如何设置加载器，使其获得编译(解析)的Vue.js组件的template标记？它可以是JS或某个AST。 示例： // webpack.config.js
module.exports = {
module: {
rules: [{
test: /.vue$/,
loader: 'vue-loader'
}, {
test: /.vue?template/ // just an example
loader: myLoader
浏览 23提问于2020-05-03得票数 0
考虑以下组成函数：
import { computed, ref } from '@vue/composition-api'
import { isInternetExplorer } from 'src/services/utils/utilsService'
import { Screen } from 'quasar'
import { auth, getAllScopes } from 'src/services/auth/authService'
const isLoginPopup = Screen.lt.sm ||
浏览 5提问于2020-05-19得票数 10
回答已采纳
1回答
我们使用vuejs，typescript，vuex和jest。我们目前正在使用test-utils来模拟商店。
但我找不到如何模拟对此的调用.$parent.$on
这是我们的一个组件(非常简单)：
AnalysisList.ts：
import Component from 'vue-class-component'
import {Getter} from 'vuex-class'
import {UserVO} from '@/valueObjects/UserVO'
import {Vue} from 'vue-property-
浏览 4提问于2018-07-25得票数 0
1回答
我在Vue 3中做了一个项目，我使用了ref和computed。然后我意识到我应该在Vue 2做这个项目.现在我得到：“导出‘计算’在'vue‘中没有找到”导出'ref’在'vue‘中没有找到.我知道我需要Vue 3来做这些，这就是为什么我想问是否有其他选择：
这是我使用ref和计算的地方：
import { ref, computed } from "vue";
export const collapsed = ref(false);
export const toggleSidebar = () => (collapsed.val
浏览 2提问于2022-03-10得票数 0
回答已采纳
2回答
vuejs 1的代码是：
const App = Vue.extend(Index);
router.start(App, '#app');
其中Index是一个组件。
我试着把它转换成vue 2，像这样：
const App = Vue.extend(Index);
const app = new App(router).$mount('#app');
但这给出了一个[Vue warn]: Error when rendering root instance。
重写这个的正确方法是什么？
谢谢
浏览 5提问于2016-10-04得票数 1
回答已采纳
所有这些尝试都会引发一个错误：
var testUtils=require('@vue/test-utils'), Vue=require('vue');
require('jsdom-global')();
testUtils.mount(Vue.component('test', {
template:'<div>test</div>'
}));
testUtils.mount(Vue.component('test', {
render:funct
浏览 3提问于2019-03-07得票数 2
回答已采纳
我正在尝试实现Vue.js动态async component注册。给了我非常好的代码，但是它加载了所有模块，即使它们没有被使用。
import Vue from 'vue'
import upperFirst from 'lodash/upperFirst'
import camelCase from 'lodash/camelCase'
// Require in a base component context
const requireComponent = require.context(
'../components/bas
浏览 1提问于2018-12-05得票数 1
回答已采纳
tl；博士--在基本js文件中导入Vue3的正确方法是什么，然后在其他独立的js文件中使用Vue的复合-api，这些js文件将在该基本文件之后加载？
我正在使用Vue来增强特定页面的用户体验。例如，在寄存器页中执行ajax请求并显示服务器错误，而无需重新加载页面。总之，迷你温泉在精神压力范围内.
在Vue2中，在基本文件中导入Vue，然后实例化一个新的Vue实例，并在后续文件中使用Vue的options-api，没有问题。后续文件的大小保持最小，因为它们只包含该文件所需的逻辑。
然而，由于Vue 3的复合api需要导入ref, reactive, watch, onMount...etc，这
浏览 5提问于2020-10-23得票数 1
回答已采纳
1回答
日安。我有以下格式的文件"pages / Login.vue“：Simple form <template>
<div>
<q-form @submit="btnlogin">
<q-input v-model="user" type="text" label="Usuario" />
<q-input v-model="pass" type="password" label="Contraseña&
浏览 29提问于2021-07-16得票数 0
2回答
我正在努力改进vuex模块，但是在下面出现了错误：
Uncaught Error: [vuex] getters should be function but "getters.getComments" in module "comments" is [].
/stores/comments.js (模块)
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
const state = {
comments: []
}
const getter
浏览 3提问于2017-10-29得票数 7
回答已采纳
1回答
我使用"vue-qrcode“插件为我的用户生成一个二维码，以便他们可以在自己的名片上分享。 现在的想法是让我的用户可以通过一个按钮下载二维码，并通过另一个按钮将二维码复制到剪贴板，使其更容易发送，例如通过邮件(特别是智能手机用户)。 问题:我不知道如何下载或复制二维码。有人知道如何复制或下载二维码吗？目前我使用'vue-clipboard2‘来复制链接等，但它似乎不能复制图像。 我使用下面的代码在我们的网站上显示二维码： <template>
<qrcode-vue
style = "cursor: pointer;"
浏览 39提问于2020-11-27得票数 1
回答已采纳
我正在尝试在我的Vue.js代码中进行类型检查(v2.2.1)。首先，我只想用TypeScript编译这一行(也就是说，我希望Vue类被识别)：
var app = new Vue();
如果我用以下方式导入Vue，就会编译：
import * as Vue from 'vue';
但是，它生成一个require()调用：
var Vue = require("vue");
我不使用模块，我只是在脚本之前引用CDN中的Vue库。
我尝试引用定义文件如下：
/// <reference path="../node_modules/vue/types/
浏览 6提问于2017-04-06得票数 4
回答已采纳
我编写并添加了一个全局警报处理程序(Vue.config.errorHandler，window.onerror，.)
我在vue网站上遵循了“vue中的写作插件”。
但是我得到了以下错误，我不知道为什么：'MyPlugin‘没有定义
我在我的项目中创建了一个pluginFolder。在这个文件夹中，我添加了另一个文件夹"GlobalErrorHandler“。在这个文件夹中，我添加了"MyPlugin.js“。
App.vue：
import MyPlugin from './plugins/GlobalErrorHandler'
Vue.use(My
浏览 0提问于2020-11-12得票数 1
回答已采纳
3回答
路由器视图未加载
、、、、
我已将组件连接到路由器链路，但它无法加载。我在Laravel中使用Vue js。我在和Laravel和Vue一起工作
这是我关于拉威尔的刀片文件。
home.blade.php
<div id="app">
<app-main></app-main>
</div>
AppMain.vue：
<template>
<div>
<router-view></router-view>
</div>
</template>
<scrip
浏览 2提问于2019-01-29得票数 1
1回答
我正在用Vuejs开发一个应用程序，使用vue路由器和vuex。我现在卡住了，因为在用户登录后，我的应用程序重定向到仪表板，但是如果我刷新页面，他会再次返回登录页面。为了验证用户是否被记录，我的应用程序检查本地存储，如果有一个access_token，那么他被重定向到路由器视图"/“或没有。
这是我的路由器文件夹和他的文件：
src/router
index.js：
import Vue from 'vue'
import VueRouter from 'vue-router'
import {routes} from './routes&#
浏览 0提问于2017-02-15得票数 4
回答已采纳
1回答
Javascript错误：
[Vuetify] Multiple instances of Vue detected
See https://github.com/vuetifyjs/vuetify/issues/4068
If you're seeing "$attrs is readonly", it's caused by this
consoleError @ vuetify.js:22001
install @ vuetify.js:16239
Vue.use @ vue.esm.js:4751
install @ vuetify.js:17943
浏览 2提问于2018-12-02得票数 7
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
