Vue+Element-UI给内置组件添加属性

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. 最后看看效果。 

本人编程小白啦,也欢迎大家批评指正。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值