使用Vue在单个文件组件中调用render方法

时间:2016-11-11 19:59:37

标签: vue.js vue-router

我有一个Vue组件,它有一个自定义渲染方法。然而,该方法没有被调用。

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

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

我查看了有关单个文件组件的文档,但没有提及有关render()的任何警告。还有另一种方法可以调用此方法吗?

1 个答案:

答案 0 :(得分:8)

正如ABDEL-RHMAN建议的那样,删除模板会导致代码工作; <template>导致忽略render方法。工作示例:

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