Subscribe on changes!

Use to SVG elements fails to render

avatar
Nov 30th 2020

Version

3.0.0

Reproduction link

https://codepen.io/jack-rainbow/pen/wvzaMLp

Steps to reproduce

  • 1.Go https://www.iconfont.cn copy icon

  • 2.Generate symbol version icon(//at.alicdn.com/t/font_2239232_z3a5h32bz5.js)

  • 3.Copy to vue project to render svg

  • 4.See that the svg-use option is not rendered

What is expected?

It is expected that svg Use can be parsed normally and the icon is displayed normally。

What is actually happening?

Nothing is rendered, I suppose the attribute is not correctly namespaced.


Maybe my personal operation was wrong, but I didn't find any knowledge after consulting the document. Finally, I hope that vue will get better and better.

avatar
Nov 30th 2020

Check out 731 There are instructions to keep in alpha.5, but my test in version 3.0.3 did not take effect。

avatar
Nov 30th 2020

I also tried svg2, but it didn’t work.

avatar
Nov 30th 2020

I use vue2.0 syntax svg appeared. Sorry, added a useless issuse。

avatar
Nov 30th 2020

As far as i can make out, your demo works fine. The "House" SVG is displayed correctly. Am I missing something?

avatar
Nov 30th 2020

Screen Shot 2020-11-30 at 18 16 06

Seems to work. Maybe you have some extension blocking the link from alicdn

avatar
Dec 1st 2020

As far as i can make out, your demo works fine. The "House" SVG is displayed correctly. Am I missing something?

You haven't missed anything. Maybe my operation and description are not very clear.Thank you for your answer

avatar
Dec 1st 2020

Screen Shot 2020-11-30 at 18 16 06

Seems to work. Maybe you have some extension blocking the link from alicdn

I did not block the link of alicdn, I solved it with SVG2.However, SVG1 has not been solved. I decided to follow the specification. Meanwhile, thank you for your reply。