2016-11-11 17 views
4

私は、カスタムレンダリングメソッドを持つVueコンポーネントを持っています。しかし、このメソッドは呼び出されません。Vueを使用して単一のファイルコンポーネントでrenderメソッドを呼び出す

<template> 
    <div class="guide"></div> 
</template> 

<script> 
export default { 
    name: 'guide', 
    render: function(createElement){ 
    return createElement('div', 'this will never get called?'), 
    }, 
}; 
</script> 

私は単一のファイルコンポーネントのドキュメントを見てきましたが、render()に関する警告は一切参照していません。このメソッドを呼び出す別の方法はありますか?

+3

「テンプレート」を削除してみてください –

答えて

5

ABDEL-RHMANが提案したように、テンプレートを削除するとコードが機能します。 <template>はrenderメソッドを無視します。使用例:

<script> 
export default { 
    name: 'guide', 
    render: function(createElement){ 
    return createElement('div', 'this will get called?'), 
    }, 
}; 
</script> 
関連する問題