问题:页面重复使用同一SVG组件,渐变颜色失效
svg
组件:
<svg :id="id" class="icon signal-icon" width="20px" height="20px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path fill="url(#linear)" d="M0 704h208v192H0zM272 512h208v384H272zM544 288h208v608H544zM816 128h208v768H816z" />
<defs>
<linearGradient id="linear">
<stop offset="0%" :stop-color="setColor(offset,'0%')"/>
<stop offset="25%" :stop-color="setColor(offset,'25%')"/>