0.要添加的属性可以到官方文档下对应组件说明里查看。Element - 网站快速成型工具
1. 修改widgetsConfig.js文件,找到对应组件(在哪个组件里加属性则在哪个组件相应代码下添加),增加新属性;(注意:不可以用“-”,不然会报错,我是仿照其他的将collapse-tags写成collapseTags)
2. 在property-editor目录(我的是在ui目录下src\components\form-designer\setting-panel\property-editor)下增加新属性对应的属性编辑器xxx-editor.vue(我添加的是collapseTags-editor),代码内容可以先仿照这个目录下其他的写;
3. 在propertyRegister.js文件中注册属性和属性编辑器的映射关系;
4. 在zh-CN.js添加他的名称,(我的是在对应ui目录下src\lang\zh-CN.js)
5.在cascader-widget.vue中添加映射。
6.修改xxx-editor.vue(我的是collapseTags-editor)代码,将里面的字段换成自己刚刚创建的那些,也可以给他修改样式。
7. 最后看看效果。
本人编程小白啦,也欢迎大家批评指正。