placeholder="Input username" v-model="username"></mt-field> <mt-field label="email" placeholder="Input email" type="email" v-model="email"></mt-field>

查看更多 →

placeholder="Input username" v-model="username"></mt-field> <mt-field label="email" placeholder="Input email" type="email" v-model="email"></mt-field>

查看更多 →

placeholder="Input username" v-model="username"></mt-field> <mt-field label="email" placeholder="Input email" type="email" v-model="email"></mt-field>

查看更多 →

placeholder="Input username" v-model="username"></mt-field> <mt-field label="email" placeholder="Input email" type="email" v-model="email"></mt-field>

查看更多 →

} }); 在TabsWidget组件包TabsWidget.ftl文件中，修改DOM结构。 <div id="TabsWidget"> <!-- 此处用到了Element提供的el-tabs组件 --> <el-tabs v-model="activeName"

查看更多 →

placeholder="Input username" v-model="username"></mt-field> <mt-field label="email" placeholder="Input email" type="email" v-model="email"></mt-field>

查看更多 →

<el-input v-model="form.textProperty" :readonly="true"></el-input> </el-form-item> <el-form-item label="Checkbox Property"> <el-input v-model="form

查看更多 →

<el-input v-model="form.textProperty" :readonly="true"></el-input> </el-form-item> <el-form-item label="Checkbox Property"> <el-input v-model="form

查看更多 →

如何更新自定义组件 在应用中，单击左下方的“页面设置”，再选择“插件”页签，找到需要更新的组件（例如userLogin），单击组件所在行右侧“查看详情”，进入组件详情页。 图1 页面设置下的组件列表 如果页面图标高亮，则需要先单击解锁页面。 单击“更新”按钮进入组件更新页面。 单

查看更多 →

placeholder="Input username" v-model="username"></mt-field> <mt-field label="email" placeholder="Input email" type="email" v-model="email"></mt-field>

查看更多 →

} }); 在TabsWidget组件包TabsWidget.ftl文件中，修改DOM结构。 <div id="TabsWidget"> <!-- 此处用到了Element提供的el-tabs组件 --> <el-tabs v-model="activeName"

查看更多 →

placeholder="Input username" v-model="username"></mt-field> <mt-field label="email" placeholder="Input email" type="email" v-model="email"></mt-field>

查看更多 →

属性绑定：对该组件所有属性的动态设置。典型的属性绑定场景有下拉框组件的选项值、步骤条组件的步骤值，组件的隐藏展示根据数据模型动态展示等，类似Vue的v-bind。 如果某组件属性绑定了数据模型，会以数据模型值为最高优先级，即以模型值为准，忽略设置的静态值。例如，需要隐藏某组件，可将该组件属性值“隐藏”配置为布尔类型

查看更多 →

f-2ed9-4a9a-b883-251aaac14e0a/v1591923270914” 。 getMessages：返回该组件国际化配置文件中定义的国际化文件内容。需要配置vue和vueI18n使用。 例如开发组件时定义了messages-en.json和messages-zh

查看更多 →

ftl”中，通过VueI18n提供的“$t”方法，使用国际化资源。 <div id="widget_demo_i18n"> <el-form :model="form" :inline="true"> <el-form-item :label="$t('name')"> <el-input v-model="form

查看更多 →

如何使用关联组件？ 场景说明 关联组件通常和数据标题搭配使用，所以在介绍关联组件前，请先了解一下什么是数据标题？ 数据标题是表单的标识，即关键字段的组合，代表整个表单，类似于我们日常发送邮件前，会写上邮件的标题，让收件人对邮件内容一目了然，数据标题也起到同样的作用。 下面我们以员

查看更多 →

ftl”中，通过VueI18n提供的“$t”方法，使用国际化资源。 <div id="widget_demo_i18n"> <el-form :model="form" :inline="true"> <el-form-item :label="$t('name')"> <el-input v-model="form

查看更多 →

而变化，类似Vue的v-bind。 图1 数据绑定配置面板 值绑定 值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 为了方便演示说明，新建一个标准页面，向页面

查看更多 →

而变化，类似Vue的v-bind。 图1 数据绑定配置面板 值绑定 值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 为了方便演示说明，新建一个标准页面，向页面

查看更多 →

如何自定义组件的高级属性？ 问题描述 在页面开发时，选中某组件，单击鼠标右键选择“高级设置”，可对组件进行高级属性配置。请问，如何自定义组件的“高级设置”呢？ 例如，系统提供了预置的时间组件，选中该组件，单击鼠标右键选择“高级设置”，可查看到如图2所示的高级属性设置，这些属性是如何定义实现的？

查看更多 →

图14 选择自定义组件 单击“新建”，弹出上传自定义组件界面，如图15新建自定义组件所示。 图15 新建自定义组件 选择本地已打包好的自定义组件包“imgButton.zip”并上传。 进入标准页面开发页面，在组件页签的“扩展组件”下，找到3中上传的自定义组件，可以将该自定义组件拖至画布中并设置该组件的属性，如图16所示。

查看更多 →