(vue)el-radio鼠标移入可提示图片

(vue)el-radio鼠标移入可提示图片


效果:


c 复制代码
<el-form-item label="图表选择">
  <el-radio-group v-model="formInline.echartType">
    <el-tooltip v-for="(item, index) of echartTypeOptions" :key="index" placement="right" effect="light">
      <div slot="content"><el-image :src="testImg[index]" style="width: 100px; height: 100px" /></div>
      <el-radio :label="item.echartType">
        {{ item.name }}
      </el-radio>
    </el-tooltip>
  </el-radio-group>
</el-form-item>

testImg[index]本应该是item.img,暂代测试

c 复制代码
testImg: [
  'https://.../zzy/2024/02/28/c1515272e3ec4a33bf67df1df248fd32.png',
  'https://.../zzy/2024/02/28/f0e73d89d73148da9fb3d080b128d605.png',
  ...
]
相关推荐
虫虫rankourin25 分钟前
在 create-react-app (CRA) 创建的应用中使用 react-router-dom v7以及懒加载的使用方法
前端·react.js
小刘鸭地下城28 分钟前
Web安全必备:关键 HTTP 标头解析
前端
yddddddy29 分钟前
html基本知识
前端·html
不要再敲了1 小时前
JavaScript与jQuery:从入门到面试的完整指南
javascript·面试·jquery
荣达1 小时前
koa洋葱模型理解
前端·后端·node.js
xiaoyan20151 小时前
Electron38-Winchat聊天系统|vite7+electron38+vue3电脑端聊天Exe
vue.js·electron·vite
reembarkation2 小时前
使用pdfjs-dist 预览pdf,并添加文本层的实现
前端·javascript·pdf
reembarkation2 小时前
vue-pdf 实现blob数据的预览
javascript·vue.js·pdf
李明卫杭州2 小时前
JavaScript中的dispatchEvent方法详解
javascript
KenXu2 小时前
F2C-PTD工具将需求快速转换为代码实践
前端