★雨 潇★ 2022-01-23 11:07 采纳率: 50%
浏览 40
已结题

vue使用svg 点击svg报错

img

img


vue使用svg-sprite-loader的时候 页面手动点击svg的时候控制台会报错这个，是为什么？怎么解决

  • 写回答

1条回答 默认 最新

  • 崽崽的谷雨 2022-01-23 13:22
    关注

    e.target.href.split不是一个函数 。如果你代码没有这个代码，就是插件 和库里的错误 ，说明 你svg href写的有问题

    评论

报告相同问题？

  • vue动态渲染svg、添加点击事件的实现
    2020-10-15 12:40
    1. **直接添加点击事件**：在Vue模板中，我们可以直接使用`v-on`指令为SVG元素添加点击事件，如`v-on:click="handleClick"`。但在动态渲染SVG时，我们需要在SVG DOM加载之后添加事件监听器。 2. **注意事项**： - ...
  • vue使用svg文件补充-svg放大缩小操作(使用d3.js)
    2021-01-18 17:02
    项目需求是要引入svg文件，然后对里面的元素进行赋值，完了之后还要能够让svg放大缩小，点击查看全屏。针对上一篇文章，进行对svg文件里面的元素进行赋值和放大缩小的补充笔记 svg元素赋值 1. 先看看svg文件的代码 ...
  • vue问题记录svg-icon报错，iconclass
    2022-06-17 10:57
    Y4258的博客 svg-icon在vue项目中的使用
  • vue项目中使用Svg的方法
    2020-10-17 20:10
    在使用Vue.js开发Web应用时，我们经常会用到图标或图片等资源，而SVG（Scalable Vector Graphics）由于其可缩放性和灵活性，成为了网页图标的一种流行选择。本文将详细介绍如何在使用vue-cli3创建的Vue项目中优雅地...
  • Vue3 中实现 SVG 图标系统
    2024-12-30 15:47
    Vue3 作为一款先进的前端框架，其响应式系统和组件化开发能力为 SVG 图标系统的实现提供了便利。Vue3 中实现 SVG 图标系统的核心目标是集中管理所有图标，实现自动化导入，从而避免了手动注册每个图标的繁琐。开发者...
  • 在vue项目中优雅的使用SVG的方法实例详解
    2020-10-17 16:21
    在Vue项目中优雅地使用SVG图标，可以极大地提升项目的可维护性和扩展性。SVG（Scalable Vector Graphics）是一种基于XML的矢量图形格式，因其轻量级和可缩放特性，在Web开发中被广泛使用。相较于传统的图标字体和...
  • vue-svg-icon：vue2.0中多色svg图标的解决方案（vue2.0的可变彩色svg图标方案）
    2021-02-04 20:54
    vue-svg-icon vue2图标方案中多色svg图标的解决 v1.2.9 演示： : 特征： 不再需要在main.js中注入SVG 支持SVG的路径，圆，椭圆，矩形，线，折线，多边形标签 支持SVG中的分组标签 在Illustrator或素描中进行实时...
  • vue中使用svg
    2025-05-29 09:34
    香蕉可乐荷包蛋的博客 在 Vue 中使用 SVG 主要有五种方式：1）直接内联 SVG 代码，适合需要动态交互的场景；2）通过<img>标签引用，适合静态展示；3）封装为可复用组件，便于管理属性；4）使用vue-svg-loader将 SVG 转为组件；5）...
  • vue中使用svg图标
    2023-03-24 15:28
    叫兽~~的博客 vue中使用svg图标
  • vue项目使用svg图标
    2025-06-08 21:47
    Angel_girl319的博客 下面是在 Vue 3 项目中完整引入和使用的步骤。
  • 没有解决我的问题, 去提问

问题事件

  • 已结题 （查看结题原因） 2月2日
  • 创建了问题 1月23日