2017-11-18 11 views
0

VUEは、通知のレンダリングではない:https://github.com/cristijora/vue-notifyjsVueのコンポーネントは、私はこのライブラリを使用しています

上記のページの状態のドキュメント:component: { //is rendered instead of notification messageので、私はカスタムイベントを処理することができますので、それを動的コンポーネントを提供しようとしています。これは私のコードです:

Vue.use(vueNotifyjs) 
new Vue({ 
    el: '#app', 

    methods: { 
    addNotification(verticalAlign = 'top', horizontalAlign = 'right') { 
     this.$notify({ 
     component: function(){ 
      return { 
      template: '<h1>Hello</h1>' 
      }; 
     }, 
     horizontalAlign: horizontalAlign, 
     verticalAlign: verticalAlign, 
     type: "success" 
     }) 
    } 
    } 
}) 

これは私のjsfiddleです:https://jsfiddle.net/z11fe07p/2706/

しかし、言葉Helloは通知でレンダリング取得されていません。どのアイデアが私は行方不明ですか?

答えて

1

コンポーネントキーには、Vueコンポーネントのインスタンスが必要です。あなたのシナリオでは 、私はこのlink上記でフィドルを変更した

Vue.component('custom-message',{ template:`<div>Hello World</div>` })

を次のようにVUEのコンポーネントを作成します。

希望します。

+0

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

関連する問題