介绍
以拖拽的方式快速形成页面。
用法
- 在可视化页面编辑器界面中以拖拽的形式从组件库中选择‘单行文本框’拖到编辑区
- 单击组件,右侧属性栏出现该组件的属性，根据实际需求输入或选择属性值
- 点击上方'预览'按钮可查看效果
- 点击'保存'存储页面，
页面标签名：该页面的文件名API：该页面的地址，且不可重复；用于展示该页面时pageApi的查询地址
公共样式
- 帮助文档：组件的使用手册
- 单位：组件宽高的单位，可选值像素/百分比/视口
- 宽：组件在页面中的宽度
- 高：组件在页面中的高度
- 字号：组件中字体的大小
- y坐标：组件距离页面顶部的距离
- x坐标：组件距离页面左侧的距离
公共属性
- 组件ID：每个组件的唯一标识
- 上传数据对应的key，可修改：建议输入具名key，例如 username
- 默认值：内容
公共事件
分别在生命周期created、mounted、destroyed函数中写方法；参数self即this,本组件的vue实例，可调用本组件的方法（getObject()、setOject(obj)、getValue()、setValue(value)、getKey()、setKey(key)等）
- 创建时调用：
JavaScript
function created(self) {
// self即this,本组件的vue实例
} |
- 显示时调用：
JavaScript
function mounted(self) {
// self即this,本组件的vue实例
} |
- 销毁时调用：
JavaScript
function destroyed(self) {
// self即this,本组件的vue实例
} |