table中render渲染自己定義的模板報錯

import ToolTips from '../conversationList/components/tooltips'

[{
        title: '序號',
        key: 'conversationIndex',
        align: 'center'
      },{
        title: '用戶名(nickname)',
        key: 'username',
        align: 'center',
        ellipsis: true
      },{
        title: '性別',
        key: 'gender',
        align: 'center'
      },{
        title: '所在國家',
        key: 'country',
        align: 'center'
      },{
        title: '最近一條消息預(yù)覽',
        key: 'lastMsg',
        align: 'center',
        ellipsis: true,
        render: (h, params) => {
          return h('div', [
            h('Tooltip', {
              props: {
                placement: 'top',
                content: this.conversationData[params.index].lastMsg
              },
              style: {
                whiteSpace: 'normal'
              }
            }, [
              h('p', {
                attrs: {
                  class: 'hideText'
                }
              }, `${this.conversationData[params.index].lastMsg}`)
            ])
          ])
        }
      },{
        title: '最近一條消息時間',
        key: 'lastTime',
        align: 'center'
      },{
        title: '操作',
        key: 'action',
        align: 'center',
        render: (h, params) => {
          return h('div', [
            h('Button', {
              props: {
                type: 'primary',
                size: 'small'
              },
              style: {
                marginRight: '5px'
              },
              on: {
                click: () => {
                  this.editMark(params.index)
                }
              }
            }, '標(biāo)記'),
            h('Button', {
              props: {
                type: 'success',
                size: 'small'
              },
              on: {
                click: () => {
                  this.openChat(params.index)
                }
              }
            }, 'Chat')
          ]);
        }
      },{
        title: '模板',
        key: 'muban',
        align: 'center',
        render: (h, params) => {
          return ('div', [
            h('tool-tips', {
              props: {
                lastMsg: '122222222'
              }
            })
          ])
        }
      }]

conversationData: [{
        conversationIndex: '1',
        username: 'admin',
        gender: '未知',
        country: 'China',
        lastMsg: 'Who are you?',
        lastTime: '11111111',
        isRead: 1
      }]

這是我寫的模板

<template>
  <div class="tool-tips">
    <Tooltip placement="top">
      <p class="hideText">{{lastMsgText}}</p>
      <div slot="content" style="white-space: normal">{{lastMsgText}}</div>
    </Tooltip>
  </div>
</template>

<style>
  
</style>

<script>
export default {
  name: 'tool-tips',
  props: ["lastMsgText"]
}
</script>

渲染出來的結(jié)果是

報了個錯誤

是不支持自己定義的組件嗎？
iview里面自帶的Button組件可以正常的渲染，自己的不行，要怎么解決？