本帖最后由 Edric.Li 于 2022-8-30 21:58 编辑
系列教程第一篇大概介绍介绍什么是自定义渲染吧。 简而言之呢，就是说，在某些组件中，你可以编写代码，来定制你想渲染成什么样子。 首先呢，自定义渲染需要编写代码，那就有一丢丢的门槛了，主要是 Javascript部分，样式部分，不包含在内。如果你使用过Vue.js 和 Element UI 的开发经验，那操作起来就更顺手了。 这篇帖子将介绍 选择框(Select) 支持的自定义渲染 选择框可以定制的有两部分 1. 前缀
2. 下拉选项
先附上完整代码： 大概奏这么一点点 然后大概解析一下：
首先 需要定义一个 FgcElement，Element 源代码中将从这里面获取获取自定义的内容 然后 SelectSlots 是Select 选择框在源代码中定义的名称。 接下来就是自定义部分的内容了。首先看到的 "select-custom-render" 这个是什么东西呢？ 这个是在设计器中设置的 CSS类名
剩下的基本就是固定语法了， 你可以 发挥的地方就是在这个小小的函数中 需要返回一个字符串，做为模板字符串，支持vue.js的语法
以上内容，阅读源代码找出来的，估计是隐藏的高级功能。 | 
陕公网安备：61019002000258 |
隐私政策 |
网站地图