当前位置: 首页 > 知识库问答 >
问题:

前端 - el-tooltip 不支持 router-link组件,如何展示自定义组件?

段干华晖
2024-06-14

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,该怎么传入。

共有1个答案

姜奇
2024-06-14

这样呢

<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>
 类似资料:
  • 目前我用echarts-gl的globe实现球体,使用geo map作为地球的的纹理,请问如何实现点击目标区域出现tooltip呢,实际效果和https://www.isqqw.com/viewer?id=14187这个差不多,只不过去除了line相关配置。查看过文档里有关geo和globe的部分,没找到有用的信息,麻烦佬哥们不吝赐教 -----------------更新------------

  • SpecializedButton FXML视图只创建一个HBox,其中有两个锚窗格,左右两侧分别有一个标签和按钮。单击按钮时,它调用SpecializedButton控制器类中的doSomething()。 问题 通过这个设置,我使用FXML将视图与应用程序逻辑分开。 我会非常感谢你的真知灼见。提前道谢!

  • Mpx中的自定义组件完全基于小程序原生的自定义组件支持,与此同时,Mpx提供的数据响应和模板增强等一系列增强能力都能在自定义组件中使用。 原生自定义组件的规范详情查看这里 动态组件 Mpx中提供了使用方法类似于 Vue 的动态组件能力,这是一个基于 wx:if 实现的语法。通过对 is 属性进行动态绑定,可以实现在同一个挂载点切换多个组件,前提需要动态切换的组件已经在全局或者组件中完成注册。 使用

  • PyQt5有丰富的组件,但是肯定满足不了所有开发者的所有需求,PyQt5只提供了基本的组件,像按钮,文本,滑块等。如果你还需要其他的模块,应该尝试自己去自定义一些。 自定义组件使用绘画工具创建,有两个基本方式:根据已有的创建或改进;通过自己绘图创建。 Burning widget 这个组件我们会在Nero,K3B,或者其他CD/DVD烧录软件中见到。 #!/usr/bin/python3 # -*

  • 1. Component 创建自定义组件,接受一个 Object 类型的参数。 定义段 类型 是否必填 描述 最低版本 properties Object Map 否 组件的对外属性,是属性名到属性设置的映射表 data Object 否 组件的内部数据,和 properties 一同用于组件的模板渲染 observers Object 否 组件数据字段监听器,用于监听 properties 和

  • 1. 组件模板和样式 类似于页面,自定义组件拥有自己的 FXML 模板和 FTSS 样式。 1.1 组件模板 组件模板的写法与页面模板相同。组件模板与组件数据结合后生成的节点树,将被插入到组件的引用位置上。 在组件模板中可以提供一个 <slot> 节点,用于承载组件引用时提供的子节点。​ 代码示例 <!-- 组件模板 --> <view class="wrapper"> <view>这里是组件