pc-component-v5/packages/navbar/src/Navbar.vue

<template>
  <div class="m-page-header">
    <h3>
      <span
        v-if="isGoBack == true || isGoBack == 'true'"
        class="glyphicon glyphicon-circle-arrow-left m-page-header-image"
        @click="goBack"
      />
            
      {{ title }}
            
      <div class="pull-right">
        <slot />
      </div>
    </h3>
  </div>
</template>

<script>

export default {
  // eslint-disable-next-line
  name: 'Navbar',

  components: {

  },
  props: {
    // 是否需要返回按钮,true:需要返回按钮，false:不需要返回按钮
    'isGoBack':{
      type: Boolean,
      default: false,
    },
    // 标题
    'title':
    {
      type: String,
      default: '',
    },
  },

  data: function () {
    return {
      data: '',
    };
  },

  methods: {
    goBack: function () {
      history.back();
    },
  },
};
</script>

<style scoped>
.m-page-header {
    margin: 0px 5px 5px 0px;
    padding: 0px;
    border-bottom: 1px solid #eee;
}

.m-page-header h3 {
    margin: 0px;
    padding: 5px 0px 9px 0px;
}

.m-page-header-image {
    top: 4px;
    cursor: pointer;
}
</style>