vue render does not work when return string

Question

i'm using render with vue.js and iview, today when i use it, i find it doesn't work

{
  title: 'title1',
  key: 'order',
  render:(h, params) => params.index + 1
}

then I try to use it in another way, it works.

{
  title: 'title1',
  key: 'order',
  render:(h,params) => h('span', params.index + 1)
}

but the first way used to work days ago, i don't know why how can i make the first way available?

tony19 · Accepted Answer · 2022-07-15 23:08:54Z

2

The first parameter in the render function h which is nothing but a function usually called createElement which contains information describing to Vue what kind of node it should render on the page.

This createElement takes 3 arguments:

The HTML tag name. This is required.
An object contains the attributes you pass in normal template. This is optional.
Children nodes as an array or a simple text node as a string. This is optional.

You did not return the h function ,since the first argument is required and not provided in your first snippet of code, it did not work.

Reference - Render functions

To make your first snippet of code to work you to return the h function with the 1st argument any tag name like you are doing in the second snippet.

edited Jul 15, 2022 at 23:08

tony19

140k24 gold badges281 silver badges354 bronze badges

answered Mar 23, 2018 at 10:10

Vamsi Krishna

31.4k8 gold badges73 silver badges81 bronze badges

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

Collectives™ on Stack Overflow

vue render does not work when return string

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