Vue单元测试失败，因为组件方法调用this.$route.query - TypeError:无法读取未定义的属性'query‘ - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

Vue单元测试失败，因为组件方法调用this.$route.query - TypeError:无法读取未定义的属性'query‘

vue.js、testing、mocha.js、vue-router、chai

我正在为一个大型的Vue应用程序编写单元测试，我的一个组件使用了一个引用$route的方法来确定是否正在传入/传递一个查询参数。调用this.$route.query.article_id的方法工作得很好，但是现在我正在进行测试，测试不能识别this.$route.query 我尝试在使用shallowMount挂载localVue时模

浏览 139提问于2019-09-10得票数 3

回答已采纳

1回答

模拟Vue生命周期方法

vue.js、sinon

我正在为我的vue应用程序编写单元测试，由于在session.exists方法中调用beforeCreate函数，我遇到了问题。那么，我如何模拟生命周期函数或vue.$session.exists。this.$session.exists()) { }错误信息是： TypeError：“无法读取未

浏览 3提问于2018-03-23得票数 0

回答已采纳

2回答

如何对单元测试的Vue组件方法进行存根

unit-testing、vue.js、mocha.js、sinon

我如何从Vue单文件组件中存根某些方法(特别是getter)，以便使用mocha/expect进行单元测试？我面临的问题是:我有一个带有get方法someData的组件import { Vue, Component } from 'vue-property-decoratorthis.someService.getBaseUR

浏览 5提问于2020-02-10得票数 4

1回答

Vue.js："TypeError:无法读取未定义的属性(读取‘$refs’)‘“

javascript、vue.js

我们正在触发子组件中的父组件的方法，如下所示：await this.$refs.patientinputmask.$refs.invoicingTemplateHN.SavePatientTemplateConfigDTO();不时会发生一个错误: Vue警告: vo

浏览 0提问于2021-12-06得票数 0

10回答

我正在尝试使用以下命令设置查询参数 Vue路由器当更改输入字段时，我不想导航到其他页面，而只是想修改同一页面上的url查询参数，我是这样做的： this.$router.replace({ query: { q1: "q1" } }) 但这也会刷新页面并将y位置设置为0，即滚动到页面顶部。这是设置URL查询参数的正确方法，还是有更好的方法。编辑：以下是我的路由器代码： export defau

浏览 356提问于2016-11-02得票数 167

回答已采纳

4回答

在Vue.js中动态实例化组件

vue.js、components

遵循，我尝试以编程方式在页面上创建组件的实例。主要的片段如下：import Vue from 'vue'this.$refs.container.appendChild(instance.$el) 我试图实例化的</

浏览 1提问于2018-11-09得票数 6

回答已采纳

5回答

Vue js -如何使用查询字符串路由请求

vuejs2、vue-router

我有一个以这种方式制作的路由器视图对象 linkExactActiveClass: 'active', // active class forweb/company', } ]当我访问/company链接时，路由器正确地将我发送到ObjectList组件在这个页面中，我有一个用这种方式制作的简单分页

浏览 1提问于2019-04-08得票数 2

回答已采纳

1回答

如何在独立的javascript文件中制作Bootstrap-vue* Toast*

javascript、vue.js、bootstrap-4、vuejs2、bootstrap-vue

自从我学习vue.js已经有几天了，我想做一个函数来显示一个Toast，阅读官方的引导文件-vue docs：，我能够通过组件实例注入和自定义组件来做吐司，但是，我想通过独立的javascript函数/file再做一个定制的吐司，这样我就可以动态地调用它了。警告: v-on处理程序中的错误："TypeError:无法读取未定义的</em

浏览 5提问于2020-12-23得票数 0

回答已采纳

1回答

从根- vue2触发子方法(或计算属性)

vue.js、vuejs2、vue-component

在嵌套对象中，组件中的计算属性无法很好地跟踪更改，因此计算属性不会像预期的那样被触发。相反，我想在from父母中触发它。根法上的this.$emit('updated'); this.$parent.$on('updated', this

浏览 3提问于2017-08-04得票数 0

回答已采纳

2回答

带Params的Vue命名空间模块

vue.js、vuex

, id) {}computed: { computed: { ...mapG

浏览 0提问于2019-07-26得票数 0

回答已采纳

1回答

TypeError:当组件是带有Vue.extended的生成器时，无法读取组件实例上未定义的属性'_t‘

javascript、vue.js、nuxt.js、vue-i18n

你好，我正在尝试使用vue-18i-n来翻译应用程序，我使用它时的代码是在调用API之后以以下方式创建的组件：esponseJSON.forEach(element =>{ let instance = new card({ <

浏览 2提问于2020-05-21得票数 0

1回答

从js文件中的url获取参数？

javascript、vue.js

id=12I use：console.log(this.$route.query.id)并成功地获得它。现在，我想得到文件中的参数：page.jsimport user from './user' if (t

浏览 4提问于2022-04-27得票数 -1

回答已采纳

1回答

在Laravel/Vue.js组件中使用这个.$路由器

laravel、vue.js、vue-router

我在Laravel中有一个Vue.js组件，它加载了：但是，当我在其中使用this.$router.go()时，会得到以下错误： TypeError:无法读取未定义的属性“$ro

浏览 4提问于2020-04-23得票数 2

回答已采纳

3回答

将OAuth令牌从一个Vuejs组件传递到另一个Vuejs组件

vue.js、vuex、vue-router、vue-props

在成功地在一个OAuth组件中登录OAuth之后，我获得了SuccessOAuth.vue令牌。我得到的象征性细节如下： const queryString = this.$route.query; const token = this.apiCalls.vue中使用这个令牌，其中我使

浏览 1提问于2021-05-16得票数 1

回答已采纳

1回答

如何部署第三方VueJS组件？

javascript、laravel-5、vue.js、datepicker、vuejs2

';Vue.use(VueRangedatePicker); 将这一行添加到我的组件：Orders.vue警告:属性或方法"events“不在实例上定义，而是在呈现过程中引用。通过初始化此属性，确保此属性是反应性的，无论是在data选项中，还是对于基于类的</

浏览 1提问于2018-06-13得票数 0

回答已采纳

2回答

在v-if中呈现子组件时，调用子组件的Vue调用函数。

javascript、vue.js、vue-component

我想调用子组件的方法。但是，在通过v-if指令进行呈现时，我如何调用子组件的方法。var comp = Vue.component('child', { return { } template:` <divthis.if

浏览 1提问于2019-07-22得票数 2

回答已采纳

2回答

呈现错误："TypeError:无法读取未定义属性的‘长度’“

javascript、vue.js、vuejs2

我试图只显示一个覆盖，如果我的搜索输入包含任何文本。这是我的模板，我的输入字段是：<template> <input v-model="query" class="input" placeholder: '', }</script> 当我签入我的控制台时，<e

浏览 0提问于2018-09-13得票数 3

2回答

在手动安装的vue组件中使用vuex

vue.js、vue-component、vuex

我正在使用Vue.extend手动地将一个组件挂载到一个动态元素，如下所示：import MyComponent from 'MyComponent.vue'; const MyComponent = new MyComponentConstructor$mount('#moun

浏览 1提问于2017-06-09得票数 11

回答已采纳

2回答

VueJS:无法从监视程序内部更新组件属性

javascript、vue.js、vuejs2

我正在构建一个Vue 2 Webpack应用程序，它使用Vuex。我试图通过监视从Vuex存储中获取数据的计算属性来更新组件的本地状态。我的组件的<script></script>部分的内部就是这样的： name: 'MyComponent', returnupdatedList

浏览 0提问于2018-03-30得票数 5

回答已采纳

1回答

如何在VueJs组件中使用路由器推送？

javascript、vuejs2

我有一个navbar组件，我需要重定向到在navbar声明的注销方法中的登录组件。at eval (main.js?56d7:68) 或者如何在此组件中访问路由器。$router.push({name:'

浏览 0提问于2019-06-06得票数 1

点击加载更多