el-form-renderer 1.12.1 发布：拥抱动态 options，表单自定义更进一步！

突破静态限制，拥抱动态 options

在以往的版本中，el-form-renderer 的 select 组件只能通过 props 的方式来设置 options。这使得表单的自定义能力受到一定限制，特别是当需要在运行时动态更新 options 时。

而 el-form-renderer 1.12.1 版本打破了这一限制，引入了动态 options 功能。现在，你可以通过函数来获取 options，从而实现动态加载、实时更新等多种需求。

const options = () => {
  const data = await fetch('https://example.com/options');
  return data.map(item => ({ value: item.id, label: item.name }));
};

<Select options={options} />

只需要在 options 属性中传入一个函数，el-form-renderer 就会在需要的时候调用这个函数来获取 options。这样一来，你就可以轻松实现各种动态需求，让表单更加灵活和强大。

轻松实现多种场景，感受动态魅力

动态 options 功能的引入为 el-form-renderer 的使用场景带来了无限可能。例如：

• 动态加载数据：你可以通过异步请求从服务器获取数据，然后将数据作为 options 传入 select 组件。这样一来，用户就可以在 select 组件中看到最新的数据，而无需刷新页面。
• 实时更新数据：如果你需要在运行时更新 options，你也可以通过动态 options 功能来实现。例如，当用户输入某个关键词时，你可以通过搜索请求获取相关的数据，然后将数据作为 options 传入 select 组件。这样一来，用户就可以看到与关键词相关的选项，从而提高表单的使用体验。
• 级联选择：通过动态 options 功能，你可以轻松实现级联选择。例如，当用户选择一个省份时，你可以通过异步请求获取该省份的所有城市，然后将城市作为 options 传入另一个 select 组件。这样一来，用户就可以根据省份来选择城市，从而更加方便地填写表单。

总结

el-form-renderer 1.12.1 版本的发布，标志着 el-form-renderer 在表单自定义领域迈出了坚实的一步。动态 options 功能的引入，让 el-form-renderer 变得更加灵活和强大，也为开发者带来了更多可能性。

如果你正在使用 el-form-renderer，强烈建议你升级到 1.12.1 版本，体验动态 options 功能带来的全新体验。如果你还没有使用 el-form-renderer，那么现在正是时候了。el-form-renderer 将成为你前端开发中不可或缺的利器，帮助你轻松构建各种复杂的表单。