Vue: IE 11 {{ mustache }} bug

Created on 28 Aug 2015  路  7Comments  路  Source: vuejs/vue

I had a variable name 'typeName', and I wanted to display it in the page, so I used mustache style in my html:
<div> {{typeName}} </div>

It worked fine in Chrome, but in IE 11, it didn't show the value of 'typeName', but the mustache expression itself:
1440742281567

I opened the console of the developer tool in IE 11. No errors. But when I looked into the dom, I found this:
qq 20150828152259
The mustache expression is divided into two lines.
I don't know whether it is the reason that causes this issue.
Waiting for help. Thanks for reading.

ps: For now, I have to use v-text instead of mustache expression. And v-text works fine in both Chrome and IE 11.

need repro

Most helpful comment

for The sake of IE

change the <template id=xx> tag to <script type="text/html-template" id="xx">

All 7 comments

Does this happen for every mustache tag? Can you provide a reproduction?

I'm actually having this same problem. I'm sorry. I didn't see that there was already this issue opened!

https://github.com/yyx990803/vue/issues/1255

Closing until repro is available.

I have the same problem in IE,but not every mustache tag has this problem,I'm not sure how to provide a reproduction.I ues v-text instead of the mustache expression,but I think it's not the best way.
My vue version is 0.12.
qq 20151026141721

@KennyWho
it鈥榮 to be a non-standard use. :laughing:

for The sake of IE

change the <template id=xx> tag to <script type="text/html-template" id="xx">

Thank alot @ram-reddy :D

Was this page helpful?
0 / 5 - 0 ratings