vue jsx是用element Select组件

Question

错误代码：

   render: (h, params) => {
            return <div>
              <el-select v-model={value} placeholder='请选择'>
                <el-option
                  v-for={item in options}
                  key='item.value'
                  label='item.label'
                  value='item.value'>
                </el-option>
              </el-select>
            </div>
          }

请教大神们原代码应该怎么改才能在render里面使用

在这里先感谢各位大神们的解答，小弟感激不尽！

Answer 1

建议多学习下 JSX

render: (h, params) => {
  return (
    <div>
      <i-select value={value} onOn-change={($event) => (value = $event)} placeholder="请选择">
        {options.map((item) => (
          <i-option key={item.value} label={item.label} value={item.value}></i-option>
        ))}
      </i-select>
    </div>
  );
}

Answer 2

vue3 的话可以看官网 jsx-next，vue3 对 jsx 的支持度很高