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 界面报错 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在

查看更多 →

<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>

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 为了方便演示说明，新建一个标准页面，向页面

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

使用Vue应用部署模板创建并部署应用 在主机上部署Vue框架的web服务，并启动该服务。 请确认目标主机已安装Nginx，若已安装请移除模板中“安装Nginx”步骤。 该模板涉及的部署步骤如下所示： 安装Nginx 下载软件包 解压软件包 启动Nginx 重载Nginx配置文件 服务启动测试

查看更多 →

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

查看更多 →

创建自定义组件 本文介绍如何注册、调试、发布自定义组件。 步骤一：注册自定义组件 登录智能数据洞察控制台。 单击管理控制台左上角的，选择区域，单击左下角的企业项目选择项目。 在控制台右侧“我的项目”单击项目名称，进入项目页面。 单击“作品管理 > 自定义组件”，进入自定义组件界面。

查看更多 →