前端 - 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>