返回字符串时,vue渲染不起作用

时间:2018-03-23 09:42:13

标签: vue.js vuejs2 render

我使用vue.js和iview渲染,今天当我使用它时,我觉得它不起作用

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

然后我尝试以另一种方式使用它,它可以工作。

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

但是过去几天工作的第一种方式,我不知道为什么 我怎样才能提供第一种方式?

1 个答案:

答案 0 :(得分:2)

render函数h中的第一个参数,它只是一个通常称为createElement的函数,其中包含描述Vue应该在页面上呈现哪种节点的信息。 / p>

这个createElement有3个参数:

  1. HTML标记名称。这是必需的。
  2. 对象包含您在普通模板中传递的属性。这是可选的。
  3. 子节点作为数组或简单文本节点作为字符串。这是可选的。
  4. 你没有返回h函数,因为第一个参数是必需的,并且没有在你的第一段代码中提供,它不起作用。

    参考 - Render functions

    要使您的第一段代码能够让您返回带有第一个参数的h函数,就像您在第二个代码段中所做的任何标记名称一样。