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>
复制代码
图标图标
图标图标
图标图标
上一篇
vw-slide
下一篇
vw-list
以上内容对您是否有帮助?
  • 毫无帮助
  • 帮助不大
  • 一般
  • 很好
  • 非常好
意见反馈