calling the render method in single file components using Vue

Question

I have a Vue component which has a custom render method. The method is not getting called however.

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

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

I've looked through the documentation on single file components but it makes no reference to any caveats regarding render(). Is there another way to call this method?

devnill · Accepted Answer · 2016-11-11 20:21:42Z

16

As ABDEL-RHMAN suggested, removing the template will cause the code to work; the <template> causes the render method to be ignored. Working example:

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

answered Nov 11, 2016 at 20:21

devnill

2,1534 gold badges21 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

calling the render method in single file components using Vue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related