vue jsx是用element Select组件

woaibaoba
  • 167

错误代码:

   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里面使用

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

回复
阅读 1.6k
2 个回答
✓ 已被采纳

建议多学习下 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>
  );
}

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏