主题
pageViewBus 页面视图
基础示例
可通过 title
属性设置页面标题,模板中内置了刷新按钮,可通过 show-refresh
属性控制是否显示刷新按钮。
拖拽调整宽度
通过右侧边框可拖拽调整页面宽度,可以使用 default-width
、 min-width
、 max-width
属性设置默认宽度、最小宽度、最大宽度。同时可通过 resize-line-style
、 resize-line-class
属性设置宽度调整线的样式。
pageViewBus Props
参数名 | 描述 | 类型 | 默认值 |
---|---|---|---|
title | 页面标题 | string | - |
info | 页面信息 | string | - |
show-refresh | 页面刷新按钮显隐 | boolean | true |
defaultWidth | 默认宽度,单位为px | number | 250 |
maxWidth | 最大宽度,单位为px | number | - |
minWidth | 最小宽度,单位为px | number | - |
resize-line-style | resize线条样式 | object | - |
resize-line-class | resize线条类名 | string | - |
pageViewBus Events
事件名 | 描述 | 类型 |
---|---|---|
refresh | 页面刷新事件 | Function |
pageViewBus Slots
插槽名 | 描述 | 参数 |
---|---|---|
head | 页面头部插槽 | - |
default | 页面默认内容插槽 | - |
foot | 页面底部插槽 | - |