我有一个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()的任何警告.还有其他方法可以调用这个方法吗?

推荐答案

正如ABDEL-RHMAN所建议的,删除模板将导致代码正常工作;<template>会导致忽略渲染方法.工作示例:

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

Vue.js相关问答推荐

将Vite Vuejs应用部署到Apache服务器

如何在 v-for 指令切换状态下安全地制作包含附加到对象的复选框的列表(W/O 切换列表中的其他复选框)?

如何在 Nativescript 应用程序中调用 axios/api 调用

使用上传组件而不触发 POST 请求

在下拉菜单上使用箭头键滚动

Vue.js 中 Chrome 和 Datalist 的性能问题

如何在nuxt路由中添加meta?

使用 VueJS 在 v-for 中转换

Vue路由保持活动和挂载行为

Nuxt:显示静态文件夹中的本map像

Vuetify 输入自动完成错误

Laravel Blade 模板将数据传递给 Vue JS 组件

基于条件的VueJS HTML元素类型

使用 Vue-cli,我在哪里声明我的全局变量?

为 Vue 组件动态添加属性

如何告诉 Vue-cli 我的应用程序的入口点在哪里?

Leaflet+Vue+Vuetify / Leaflet map 隐藏 vuetify 弹出对话框

如何在 Vue.js 插槽范围内传递方法

VueJS错误避免直接改变props

在 Vue 应用程序中创建一个类的单个实例