vue 修改 svg 的xlink:href的值得时候，svg图标会消失

Question

vue 修改 svg 的xlink:href的值得时候，svg图标会消失

发布于
2017-10-14

<svg>
    <use :xlink:href="state?'#icon1':'#icon2'">
<svg>

切换state的时候，svg会消失。

vue.js svg

阅读 9.1k

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

vue项目如何在初始化之前跳转外部页面？
vue项目内有一个分享功能，但是这个分享出去的页面打开会非常慢，所以就想到了单独写了一套H5页面专门用于手机端打开，然后在这个vue项目的分享页面初始化函数里面加一个判断终端是否为移动端，如果是就再做一次跳转，到这个单独的H5页面上去，这样就不会去加载vue框架，打开速度会更快。以上是初始方案和预期。
5 回答4.9k 阅读✓ 已解决
js如何控制移动端overflow:scroll容器滑动的最大速度？
{代码...} demo在这：[链接]在移动端滑动一下这个.box区域,稍微一用力就到头了，如果我想用js去控制他滑动的最大速度该怎么去处理？
4 回答3.2k 阅读✓ 已解决
vue2.6，打包后app.js，8M,chunk.js，6M，加载打开页面很慢，有什么办法减少，打开页面快一些？
vue2.6，打包后app.js，8M,chunk.js，6M，加载打开页面很慢，有什么办法减少，打开页面快一些？
2 回答4.8k 阅读✓ 已解决
Element Plus表格组件如何呈现复杂布局如图？
Element Plus的table表格如何实现下图的表格效果，element的表格看起来是一列一列的，好像没办法实现这种效果，如果要实现这种图片效果需要如何做呢
4 回答4.4k 阅读✓ 已解决
多个vue项目，后台接口都是一样的，每个vue项目的同一个页面都只是一小部分修改，怎样把公共的代码提出来复用？
比如：project1,project2项目的所有页面都是一样的，project1/src/a.vue和project2/src/a.vue只有几行代码不一样，可以通过判断处理，a.vue的其他代码怎么复用？
4 回答1.9k 阅读✓ 已解决
如何实现从一个div中拖拽dom到另一个div容器？
画布区域通过panzoom实现了放、缩、拖拽等基础功能，里面放置了一些dom节点，绝对定位，都有width、height、left、top属性，节点已经实现了移动功能，但是现在要求右侧有一个待操作面板，希望把右侧容器里面的dom拖拽到画布鼠标松开的位置，目前主要的困难是：点击右侧待操作区域节点时，如何计算该节点对应到画布区域的...
2 回答2.7k 阅读✓ 已解决
electron如何屏蔽鼠标上的前进后退快捷键？
electron如何屏蔽鼠标上的前进后退快捷键。客户端项目，使用vue-router做路由跳转，经常误触鼠标前进后退快捷键。
2 回答2.6k 阅读✓ 已解决

相似问题

找不到问题？创建新问题

vue 修改 svg 的xlink:href的值得时候，svg图标会消失

你尚未登录，登录后可以

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

vue2.6，打包后app.js，8M,chunk.js，6M，加载打开页面很慢，有什么办法减少，打开页面快一些？

Element Plus表格组件如何呈现复杂布局如图？

多个vue项目，后台接口都是一样的，每个vue项目的同一个页面都只是一小部分修改，怎样把公共的代码提出来复用？

如何实现从一个div中拖拽dom到另一个div容器？

electron如何屏蔽鼠标上的前进后退快捷键？