2017-10-03 17 views
0

を見つけることができません、私がwa仮想DOMvue.jsは、カスタムプラグインを学習要素#app

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) 
    }) 
}) 

をテストしようとしていますが、私はエラーを取得:

ERRORのLOG:「[ヴューが警告]:することはできませんが要素を見つける:#app '

はまだテンプレートに定義されていませんか?

おかげで、フィードバック

答えて

1

ためelプロパティは、VueのインスタンスへのマウントにDOMに現在の要素を指定するために使用されます。

この要素は、レンダリングする前にDOMのどこかにマウントする必要があるため、Vueインスタンスのテンプレート内で指定することはできません。

IDが#appの要素をVueインスタンス外のhtmlに追加し、そのテンプレートのdivからid="app"を削除する必要があります。

+0

ありがとうございました。 – erwin