vw-title
更新时间:
标题显示在页面顶部,作为关键导航信息,用来告知用户当前在哪里。
属性
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
value | <string> |
- | 是 | 标题文本内容 |
is-back | <boolean> |
true | 否 | 是否展示返回按钮(默认展示) |
事件
名称 | 回调参数 | 说明 |
---|---|---|
back | 无 | 点击事件,只在有返回按钮时生效 |
vw-title 用法
标题类型
<vw-title value="只有标题" is-back="{{false}}"></vw-title>
<vw-title value="返回+标题" onback="handleClick"></vw-title>
复制代码
vw-title组件示例
基础用法
<template>
<div class="wrapper">
<vw-title value="只有标题" is-back="{{false}}"></vw-title>
<vw-title value="返回+标题" onback="{{handleClick}}"></vw-title>
</div>
</template>
<script>
import router from '@system.router'
export default {
handleClick() {
router.back()
}
}
</script>
<style>
.wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #000;
}
</style>
复制代码