覃卓钊
覃卓钊
  • 发布:2019-05-04 18:22
  • 更新:2019-05-05 11:52
  • 阅读:4744

请问如何解决,uni-app原生组件和html5标签冲突

分类:uni-app
SVG

大家好,我在uni-app里使用svg标签.刚开始一切正常,后来需要用到text标签时候遇到了问题.

svg标签里有个text子标签.(https://www.runoob.com/svg/svg-text.html)
uni-app本身也有个text原生组建.(https://uniapp.dcloud.io/component/text)
导致我svg内的text标签无法使用.

解决办法是
(1)要么就给uni-app的原生组建取别名,
(2)要么在某个**.vue文件里面禁用uni-app的某一个特定的组件.
但是在网上搜不到遇到累死问题的帖子.

万能的网友们有没有解决办法或文章贴上了给我看一下吧.谢谢了.

2019-05-04 18:22 负责人:无 分享
已邀请:
覃卓钊

覃卓钊 (作者) - 想转职的IT男

自己顶

DCloud_UNI_FXY

DCloud_UNI_FXY

目前 svg 无法跨平台使用,你使用 svg 的需求是什么?
如果仅在 h5 上边
1.使用 svg sprite,可以自定义 html 文件,
参考:https://uniapp.dcloud.io/collocation/manifest?id=h5-template。
在 html 文件里定义好 svg,组件里 use
2.使用 document.createElementNS 动态创建 svg 等节点

  • g***@163.com

    手机的webview支持svg的,但是app端就不能显示,这个起码支持下吧

    2020-05-19 12:05

  • k***@outlook.com

    请问可以使用原生input标签吗?

    2022-03-14 10:10

该问题目前已经被锁定, 无法添加新回复