id 放在 svg标签上找不到

Question

报错，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>

Answer 1

Sunday 2022-04-18 20:05:59

你好

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

• weixin_慕后端1323947 #1

  老师我也遇到了同样的问题，给SvgIcon绑定id，一直报错：'There are no steps defined to iterate'，搞了半天我都以为是steps没传进去，明明steps是有值的，最后我尝试将id放在了外层的div上就生效了，好奇怪，而且前面的问题也是，我将点击事件绑定在SvgIcon上也不生效，这是为什么？？

• Sunday 回复 weixin_慕后端1323947 #2

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