el-tooltip 不支持 router-link组件，如何展示自定义组件？

Question

tooltip 内不支持 router-link 组件，请使用 vm.$router.push 代替。
需求：在el-tooltip内展示自定义组件<mb-image-base64 />

<el-tooltip placement="top">
    <template slot="content">
        <mb-image-base64 :path="row.alarmImageUrl" />
    </template>
    <mb-image-base64 :path="row.alarmImageUrl" />
</el-tooltip>

element-ui官网提示如下：
tooltip 内不支持 router-link 组件，请使用 vm.$router.push 代替。
显然我目前的写法是不合适的，不能直接将<mb-image-base64 />这个组件直接传入，需要用vm.$router.push来代替，如果用vm.$router.push，该怎么传入。

Answer 1

这样呢

<template>
  <el-tooltip placement="top">
    <template v-slot:content>
      <mb-image-base64 :path="row.alarmImageUrl" @click.native="handleClick" />
    </template>
    <mb-image-base64 :path="row.alarmImageUrl" />
  </el-tooltip>
</template>

<script>
export default {
  methods: {
    handleClick() {
      this.$router.push('/path');
    }
  }
}
</script>