admin-cms/src/layout/common/topInfoadd.vue

<template>
    <div id="topInfo">
        <el-row>
            <el-col :span="24">
                <el-col :span="22" style="padding: 13px 0px;">
                    <el-breadcrumb separator-class="el-icon-arrow-right">
                        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
                        <el-breadcrumb-item>{{ topTitle }}</el-breadcrumb-item>
                    </el-breadcrumb>
                </el-col>
                <el-col :span="2">
          <span v-if="display === 'block'">
            <el-button type="text" @click="addfinclaim()" icon="el-icon-plus">添加信息</el-button>
          </span>
                    <span v-else></span>
                </el-col>
            </el-col>
        </el-row>
    </div>
</template>

<script>
  export default {
    name: 'topInfo',
    props: {
      topTitle: null,
      display: null,
    },
    components: {},
    data: () => ({}),
    created() {},
    computed: {},
    methods: {
      addfinclaim() {
        this.$emit('addfinclaim');
      },
    },
  };
</script>

<style lang="less" scoped></style>