我试图设置一个单元测试如下:
import Vue from 'vue'
import ChangeTitleComponent from '@/components/ChangeTitleComponent'
import store from '@/vuex/store'
describe('ChangeTitleComponent.vue', () => {
describe('changeTitle', () => {
var com
遵循,我尝试以编程方式在页面上创建组件的实例。
主要的片段如下:
import Button from 'Button.vue'
import Vue from 'vue'
var ComponentClass = Vue.extend(Button)
var instance = new ComponentClass()
instance.$mount()
this.$refs.container.appendChild(instance.$el)
然而,我得到了两个错误:
我试图实例化的组件包含对存储的引用,这些引用不起作用:"TypeError
我使用router.beforeEach来保护一些视图。我在输入vue之前获取我的用户。我想在所有经过身份验证的页面中使用此用户。如何在我的vuejs组件中注入router.beforeEach中的数据?
下面是我的路由定义:
import Vue from 'vue';
import VueRouter from 'vue-router';
import AuthService from './services/AuthService';
import Index from './pages/Index.vue';
Vue.
我注意到Sentry中有很多错误,堆栈跟踪如下:
TypeError: undefined is not an object (evaluating 't.__esModule')
at isESModule(./node_modules/vue-router/dist/vue-router.esm.js:1955:3)
at ? (./node_modules/vue-router/dist/vue-router.esm.js:1882:27)
at promiseReactionJob([native code])
我自己很难重现这个错误,也很难找出导致它的原因
当我运行测试时,它会显示TypeError: run destructure属性'travelDatas‘of '(0,_GetTravelDatas.getTravelDatas)(.)’“因为它是未定义的.
如您所见,截图:
没有任何控制台错误或警告。
有人能帮忙吗?
travelListTest.spec.js
import { mount, shallowMount } from '@vue/test-utils'
import TravelList from '../../src/components/TravelList.vue'
i
我的问题是动态创建标签"galeriaimages“。Vue工作得很好,但属性总是未定义的 谢谢大家。 main.js import Vue from 'vue'
import Gi from './components/galeriaimages.vue'
import vuetify from './plugins/vuetify';
Vue.config.productionTip = false
document.addEventListener('DOMContentLoaded', function()