# Q-Title 卡片标题

# 基础用法


<template>
  <Q-Card :height="100" :width="'200px'">
    <div slot="header">
      <QTitle :icon="this.$route.meta.icon" :title="this.$route.meta.title"></QTitle>
    </div>
  </Q-Card>
</template>

<script>
  export default {
    data() {
      return {
        $route: {
          meta: {
            icon: 'el-icon-goods',
            title: '测试'
          }
        }
      }
    }
  }
</script>
Expand Copy