vue jsx语法 如何在 js 中使用 h 函数?

  • Z时代
  • 2024-03-05
  • 分类：IT

  • 场景

我在 index.js 中配置了一个插槽

export const slots = {
  prefix: () => {
    return <i class='el-icon-edit'></i>
  }
}

index.vue

import {slots} from './index.js'
export default {
  render() {
    return (
      <el-select>
        {
          <template slot="prefix">
              slots.prefix()
          </template>
        }
      </el-select>
    )
  }
}

报错如下
ReferenceError: h is not defined

请教大佬们 怎么解决这个问题~

回答：

https://v2.cn.vuejs.org/v2/gu...

回答：

- render() {
+ render(h) {

回答：

怀疑 js 文件中的组件没被 babel-preset-jsx 转化
你直接在index.vue 的 render 中写一个 prefix 组件试试能不能生效

export default {
  render() {
    const prefix = () => (<i class='el-icon-edit'></i>)
    return (
      <el-select>
        {
          <template slot="prefix">
              <prefix />
          </template>
        }
      </el-select>
    )
  }
}

以上是 vue jsx语法 如何在 js 中使用 h 函数? 的全部内容， 来源链接： utcz.com/p/932987.html

回到顶部