vue.js找不到元素#应用程序
vue.js找不到元素#应用程序
提问于 2017-10-03 15:02:45
学习自定义插件，我正在尝试测试一个虚拟DOM
import Vue from 'vue'
import MyPlugin from '@/plugins/MyPlugin'
Vue.use(MyPlugin)
describe('MyPlugin', () => {
let vm
beforeEach(() => {
vm = new Vue({
template: '<div id="app" class="container" v-demo:hello.a.b="msg"></div>',
el: '#app',
data: {
msg: 'hello!'
}
}).$mount()
})
it('should run', () => {
Vue.myMethod()
console.log('INNER: ', vm.$el.innerHTML)
expect(true).to.equal(true)
})
})但我发现了一个错误：
错误日志：'Vue警告:找不到元素：#app‘
是否已经在模板中定义了?？
谢谢你的反馈
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-10-03 15:04:44
el属性用于指定DOM中当前要将Vue实例挂载到的元素。
您不能在Vue实例的模板中指定该元素，因为它需要挂载在DOM上的某个位置，然后才能呈现。
您需要将id #app的元素添加到Vue实例之外的html中，并从其模板中的div中删除id="app"。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46547720
复制相关文章
相似问题
腾讯云开发者
