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>

查看更多 →

关闭Vue3框架渲染组件开关 本案例所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图1 界面报错 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在

查看更多 →

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

查看更多 →

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

查看更多 →

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>

查看更多 →

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

查看更多 →

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

查看更多 →

} }); 在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>

查看更多 →

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

查看更多 →

<el-input v-model="form.textProperty" :readonly="true"></el-input> </el-form-item> <el-form-item label="Checkbox Property"> <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语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 为了方便演示说明，新建一个标准页面，向页面

查看更多 →

以及t函数（获取国际化词条）。 下面将通过两个示例分别展示如何使用。 为组件添加单击事件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。 单击待编辑应用模块内的“应用开发”，进入设计器。 选中组件，在组件属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。

查看更多 →

，选中父组件。 图6 展示当前选中组件的层级节点 图7 单击节点树的父点，选中父组件 编辑组件 选中了组件之后，我们还可以设置组件的属性、样式和绑定事件，同时可以对组件进行上移、下移、复制和删除等操作。 图8 组件上移 图9 组件下移 图10 复制组件 父主题： 前端应用管理

查看更多 →

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

查看更多 →

自定义组件 自定义组件概述 创建自定义组件 管理自定义组件 自定义组件开发包说明

查看更多 →

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

查看更多 →