检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
setCookie("key","value") HttpUtils.getI18n:返回一个Vue18n的实例,配合Vue和VueI18n使用。该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 代码示例:HttpUtils.getI18n({locale: HttpUtils
setCookie("key","value") HttpUtils.getI18n:返回一个Vue18n的实例,配合Vue和VueI18n使用。该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 代码示例:HttpUtils.getI18n({locale: HttpUtils
setCookie("key","value") HttpUtils.getI18n:返回一个Vue18n的实例,配合Vue和VueI18n使用。该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 代码示例:HttpUtils.getI18n({locale: HttpUtils
表单类应用),这种页面一般用于业务数据的增、删、改、查等基础功能,例如绩效管理、请假电子流、健康打卡、在线投票等。标准页面中的组件是基于Vue.js的通用基础组件,常用于管理端表格表单类的页面开发,如布局容器、数据容器、输入、显示、按钮等。 图1 标准页面 高级页面主要用于开发应
日期时间 日期时间组件用于记录时间信息,适用于填写出差、加班日期时间等场景,支持自动获取当前日期时间或自定义其他时间。 如果需要在页面显示当前日期时间,可使用“日期时间”,并勾选字段属性中的“禁用”属性,同时设置默认值为“当前日期”。 在表单开发页面,从“数据组件”中,拖拽“日期时间”组件至表单设计区域,如图1。
单击“批量添加”,可批量添加评估选项。 图3 批量添加评估选项 量表设置:可以设置评估的起始数值及量级。 两级文案:量表两级的文案显示,支持国际化。 外观:量表支持横向显示或者竖向显示。 样式:评估的图标样式。 验证:对该字段进行一些限制,设置为“必填”,表示该字段必须配置。 属性:设置字段的属性,包括只读、禁用和隐藏。
典型的值绑定场景有:表单、表格、列表视图对应的model绑定,以及输入框、下拉框等基础组件对应的value绑定,类似Vue的v-model。 典型的属性绑定场景有:下拉框的选项值、步骤条的步骤值等,类似Vue的v-bind。 如图7所示的例子中,实现了表格DataGrid组件与值的绑定。 图7 数据绑定
方便调试使用。在正式运行环境上,建议关闭调试功能。 启用js编译器:当打包的应用内有高级页面时,才会显示该参数。开启后,会将高级页面引用的插件和资源进行JS编译,使代码规范化。 高级设置 > 导航栏显示方式:导航栏配置,在小程序展示时是否显示导航栏。 单击“发布”,在“发布信息确
图1 模态框 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时,负责监视各类引起绑定数据变化的事件以更新数据。
为ListData设定初始值,请将原先代码中如下代码进行替换,注意不是替换全部代码。 var vm = new Vue({ el: $("#widgetVueTemplate",elem)[0], data:{ name: "Bingo
据解析,存入ListData中。为了方便观察组件,为ListData设定初始值,请将原先代码中如下代码进行替换,注意不是替换全部代码。 Vue.createApp({ data() { return { name: widgetProperties
在未受保护的组件详情页,单击“更新”,更新组件包。更新后,已用到该组件的页面中该组件版本还未更新。需要在已用到该组件的应用开发工作台左下角单击“页面设置”,在弹出的页面中选择“插件”页签,在该组件所在行的操作列单击执行升级操作。大屏中更新组件的方法为:在大屏项目开发页面右上角单击,打开项目设置页面,选择“组件”页签执
图1 列表视图 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时,负责监视各类引起绑定数据变化的事件以更新数据。
“Navigator_Widget.js”文件是Widget逻辑文件,整个Widget的渲染核心JS。“路由导航(示例)”组件是基于Vue Router( Vue.js官方的路由管理器)开发的,请参考Vue Router的代码开发规范,修改组件包中的文件。 本示例场景中,增加如下加粗代码。 var Navigator_Widget
选择桶:连接器的存储桶。 高级设置 在高级设置中,可设置轮播时长、切换方式等。 图3 高级设置 轮播设置 切换方向:广告图片的轮播切换样式,支持横向滚动切换、右下角滚动切换和纵向滚动切换。 加载自动播放:是否自动轮播。开启后,支持设置图片轮播时间间隔(不大于24秒)。 切换方式:设置图片切换时,展示的样式,如淡出、推出等。
参考登录AstroZero新版应用设计器中操作,进入使用该组件的低代码应用开发设计器的“界面”,单击左下角的“页面设置”。在弹出的页面中,选择“插件”页签,单击该组件所在行的,执行升级操作。 (可选)修改组件所属分类。 修改后,该组件将会在页面的对应分类下进行展示。 单击右上角的“..
Login”,单击“保存”,将模板下载到本地。 图2 保存模板 查看解压后的组件目录。 图3 解压后目录 userLogin.js:存放vue业务逻辑的代码,请根据业务需求自行开发。 userLogin.ftl:存放html代码,请根据业务需求自行开发。 userLogin.cs
图2 表单组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时,负责监视各类引起绑定数据变化的事件以更新数据。
图1 表格(新) 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:值绑定类似vue中的v-model语法,组件上创建双向数据绑定。值绑定会根据组件类型,自动选取正确的方法来更新元素。同时,负责监视各类引起绑定数据变化的事件以更新数据。
getWidgetBasePath(); if(elem) { var vm = new Vue({ el: $("#widget_demo_property", elem)[0], data: {