检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
<script setup> import * as vue from 'vue' import { defineProps, defineEmits } from 'vue' import { I18nInjectionKey } from 'vue-i18n' const props =
在左侧插件栏中,单击,展开数据源管理页面。 单击,展开设置数据源页面。 选择数据源类型(可选对象数组、树结构),并输入数据源名称。 单击“获取远程字段”,设置请求地址、请求方式及请求参数。 图1 创建数据源 单击“发送请求”,请求成功后获取到接口字段信息,保存后即可生成数据源字段信息。 单击“保存”,完成数据源创建。
使用说明 添加组件后您可以通过右侧的属性设置面板,对当前选中组件进行属性设置。 参数说明 通用参数: id:规定HTML元素的唯一的id。 className:用于属性定义元素的类名;通常用于指向样式表的类和JavaScript中。 ref:接受一个内部值,返回一个响应式的、可更改的re
@vueuse/core @vueuse/shared axios pinia vue vue-i18n vue-router vue/server/renderer @opentiny/vue 父主题: 使用工具类方法
画布中选中组件,在组件属性设置面板选择“样式”。 单击全局样式的输入框,输入类名,例如.test。 类名不能以数字开头。 绑定组件属性元素ID:使用格式 #elementID。 绑定组件样式类:使用格式 .className。 图1 创建类名 单击回车键,类名创建完成。 父主题:
如何为对象添加枚举字段 使用说明 AstroPro的对象中仅提供了常用的字段类型(简单类型、数组类型),对于某些特殊的字段类型,如枚举类型(例如性别,男、女),此时可以通过添加枚举字段来实现。 图1 查看字段类型 添加枚举字段 在业务设计页面,单击“枚举字段”。 在编辑枚举字段页面,单击,输入枚举名称(如Sex)。
相对定位:组件的位置相对于它在文档流中的位置进行偏移。组件仍然占据原来的空间,不会影响其他元素的布局。 绝对定位:组件的位置相对于最近的已定位祖先元素(如果没有已定位的祖先元素,则相对于初始包含块)进行偏移。组件不占据原来的空间,会从文档流中删除,并影响其他元素的布局。 固定定位:组件的位置相对于浏览器窗口进行固定
初始值:数据写法和JS写法一致。 字符串: "string" 数字: 123 布尔值: true/false 对象: {"name": "xxx"} 数组: ["1", "2"] 空值: null JS表达式: (“初始值类型”需要选择“JS表达式类型”) 示例1: t('i18nkey1')
json:用于定义一组组件的元数据,包括组件的配置、依赖关系、版本信息等。 index.js:作为应用程序的入口文件,即程序启动时首先执行的脚本。 *.vue:用于定义Vue组件,包括模板(HTML)、脚本(JavaScript)和样式(CSS)。 组件协议结构规范 组件协议结构规范用于描述组件的关键信
- views |_ Index.vue - Page2.vue - TodoFolder |_ Todo.vue 设计器的页面概念就相当于上述工程中的一个页面或者文件夹,每个页
称的新方法。 方法名称:输入方法名称,名称可以由字母、数字、下划线、$ 符号组成,不能以数字开头。 扩展参数:调用当前事件传入的真实参数,数组格式,追加在原有事件参数之后如: onClickNew(eventArgs, extParam1, extParam2, ...)。 图1
单击,进入添加工具类页面。 工具类型选择“npm”。 参考表1配置工具类的参数。 表1 参数说明 参数 示例 名称 Loading 包名 @opentiny/vue 导出名称 Loading 是否解构 开启 入口路径 本示例不填 版本号 0.1.20 CDN 本示例不填 单击“保存”。 绑定事件 在中心画布中选中按钮组件。
为展示内容添加变量,默认为item。 绑定成功后,查看渲染效果。 图3 添加变量 图4 查看渲染效果 相关概念关联: 循环数据,即需要循环渲染的数组,在这里是state.imageList。 迭代变量名,在循环渲染子项对应的变量名,默认为item。 索引变量名,循环渲染的索引变量名,默认为index。
TokenParser { /** * 若token定义在header中,可使用该接口,token获取根据配置由devspore-auth获取 * * @param token * @param response * @return
则B中的字段都会被A继承过来。 Value Object:值对象,不能单独存在,需要和业务对象建立聚合的关系。 对象间关系:关系描述了不同元素之间的关联和联系,在AstroPro中您可以定义一对多、多对多、聚合和继承等关系。 父主题: 新手指引
界面。 在左侧导航栏中,选择“前端开发平台 > 物料中心”。 单击“导入物料包”,进入物料包配置页面。 可单击“下载自定义组件开发模板”,获取模板,并完成自定义组件开发,具体操作可参考自定义组件开发指南。 单击“点击上传”,上传本地已打包好的物料包。 注意:上传的物料包名称不能与已有的物料包名称重复。
单击应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开数据源管理页面。 单击,展开设置数据源页面。 选择数据源类型(可选对象数组、树结构),并输入数据源名称。 图1 创建数据源 单击“新增字段”,添加静态数据源。 图2 添加静态数据源 单击“保存”,完成数据源字段添加。
id,赋值给devspore.horizon.processors配置项。devspore.horizon.processors配置项是个数组。horizon会读取数组中每个bean id,执行已实现的鉴权、认证等逻辑。 devspore: horizon: processors:
单击应用模块内的“开发应用”,进入设计器。 在左侧插件栏中,单击,展开数据源管理页面。 单击,展开设置数据源页面。 配置数据源类型(可选对象数组、树结构),数据源名称以及数据源字段。 图1 创建数据源 图2 新增数据源字段 单击“保存”,完成数据源创建。 绑定数据源 数据源主要载体
数据源管理 获取数据源远程字段 添加静态数据 使用数据源 父主题: 前端应用管理