id 放在 svg标签上找不到

来源：5-49 方案落地：Guide 业务逻辑处理

郭德纲学编程

2022-04-18

报错，not found.解决方案是放在div，和导航页

  <!-- 搜索 -->
  <header-search
    id="guide-search"
    class="right-menu-item hover-effect"
  ></header-search>

  <!-- 全屏按钮 -->
  <screenfull id="guide-full" class="right-menu-item hover-effect" />
  <!-- 主题换肤 -->

  <theme-picker class="right-menu-item hover-effect"></theme-picker>
  <!-- 国际化 ，语言选择 -->
  <lang-select class="right-menu-item hover-effect"> </lang-select>
  <!-- 头像 -->
  ...

国际化

<div id="guide-lang">
  <el-tooltip content="$t('msg.navBar.lang')" :effect="effect">
    <svg-icon icon="language" />
  </el-tooltip>
</div>

写回答

1回答

Sunday

2022-04-18

你好

我看你的代码 id 并没有放到 svg 上，而是在 div 中，这个应该不会出现找不到的问题。你可以通过 document.getElementById('guide-lang') 的方式来进行下测试

Sunday

weixin_慕后端1323947

这个问题之前探究过，直接给 svgicon 添加一些行为，比如：click ，有时候会出现添加不上情况。原因好像是因为对 svg 解析的问题。

2022-11-12

共2条回复

基于Vue3新标准，打造后台综合解决方案

基于Vue3重写Vue-element-admin,打造后台前端综合解决方案

1941 学习 · 1687 问题

查看课程

相似问题

Svg图片不显示

回答 1

@click 绑定的事件，在svg-icon 没效果，不会触发，但是放在外层 div 就能触发，这是为什么呢

回答 1

svg标签中的 use标签的宽高都是0 怎么回事呢

回答 1

svg显示不出来

回答 2

点击svg图标报错

回答 2

打开慕课网App查看更多内容