Vue: <tel: xxxxxxxxx> causing v-bind error

Created on 6 Feb 2019  路  4Comments  路  Source: vuejs/vue

Version

2.6.2

Reproduction link

https://jsfiddle.net/omfhgs24/

Steps to reproduce

See the jsfiddle. If the page has a tag of you will get a v-bind error.

What is expected?

The page should load with the included <tel:xxx tags

What is actually happening?

see jsfiddle


Hopefully this is something I am overlooking. I searched the web and wasn't finding anything related.

All 4 comments

I should also mention the tel: tag is rendered from a database row of a parsed email so it not something we can easily prevent.

Are you trying to use a tel: URL (e.g., <a href="tel:2052222222">Call me</a>)? I don't believe <tel:2052222222> is a valid HTML tag.

Use v-pre on the tag but I don't think you should use it either, it doesn't seem to be valid html

Just to be clear the

Was this page helpful?
0 / 5 - 0 ratings