原文:VUE实现Studio管理后台(十):OptionBox,一个综合属性输入界面,可以级联重置

为了便于阅读代码,已经把测试数据分离出来,放在了mock目录下: 阅读代码的话,稍微留意一下就好。本次介绍RXEditor界面最重要的部分,属性输入组件,该组件可以显示是否有数据被修改,还可以批量重置到缺省值,效果如下: 这个界面是动态构建的,根据Json数据,动态构建输入界面。我之前做过一个PHP larvel Vuetify的框架,也是用这个原理,PHP段代码构造JSON数据,VUE代码根据数 ...

2020-03-08 15:40 0 683 推荐指数:

查看详情

VUE实现Studio管理后台(十二):添加输入组合,复杂输入输入框Input系列

这次的功能优点复杂,组件嵌套了很多次,自己表达能力毕竟有限,分享出来未必能讲明白。为了保持内容的连贯性,最终决定写一下。先看效果: 关键点:1、组件嵌套手风琴式折叠组件,嵌套输入行,还嵌套输入行的组合(例子中的边框) 2、多角度重置实时监测当前值跟缺省值是否一致,并提供重置功能 ...

Mon Mar 09 05:41:00 CST 2020 0 680
VUE实现Studio管理后台(九):开关(Switch)控件,输入框input系列

接下来几篇作文,会介绍用到的输入框系列,今天会介绍组普通的调用方式,因为RXEditor要求复杂的输入功能,后面的例子会用VUE的component动态调用,就没有今天的这么直观了,控件的实现原理都一样,只是调用方式的区别,今天的例子的调用代码为了写作文特殊制作的,写完作文还要恢复回去。开关控件 ...

Sun Mar 08 16:53:00 CST 2020 0 659
VUE实现Studio管理后台(完结):标签式输入、名值对输入、对话框(modal dialog)

一周的时间,几乎每天都要工作几个小时,敲代码+写作文,界面原型算是完成了,下一步是写内核的HTML处理引擎,纯JS实现。本次实战展示告一段落,等RXEditor下一个版本完成,再继续分享吧。剩下的功能:标签式输入、名值对输入、对话框(modal dialog),边框输入,全部完成。 演示地址 ...

Tue Mar 10 17:38:00 CST 2020 1 1117
vuejs 和 element 搭建的一个后台管理界面

介绍:   这是一个用vuejs2.0和element搭建的后台管理界面。 相关技术:   vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。   element:基于vuejs2.0的ui组件库。   vue-router:一般单页面 ...

Tue Apr 30 02:13:00 CST 2019 0 822
vuejs 和 element 搭建的一个后台管理界面

介绍:   这是一个用vuejs2.0和element搭建的后台管理界面。 相关技术:   vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。   element:基于vuejs2.0的ui组件库。   vue-router:一般单页面 ...

Mon Nov 21 02:24:00 CST 2016 62 396739
vuejs 和 element 搭建的一个后台管理界面

介绍:   这是一个用vuejs2.0和element搭建的后台管理界面。 相关技术:   vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。   element:基于vuejs2.0的ui组件库。   vue-router:一般单页面 ...

Fri Apr 07 18:55:00 CST 2017 1 1779
vuejs 和 element 搭建的一个后台管理界面

vuejs 和 element 搭建的一个后台管理界面 介绍:   这是一个用vuejs2.0和element搭建的后台管理界面。 相关技术:   vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用 ...

Tue Feb 26 01:15:00 CST 2019 0 1276
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM