2.4.3
Reproduction linkhttps://jsfiddle.net/jLrvghtL/8/
Steps to reproduce<div id="app">
<div v-if="status" v-html="status"></div>
<div v-else class="status">else</div>
<button @click="toggleEdit">
toggleEdit
</button>
</div>
new Vue({
el: '#app',
data: {
status: false
},
methods: {
toggleEdit: function() {
this.status = !this.status
}
}
})
What is expected?
The v-html="status"
could be display correctly
The status won't be display, if the status
equal true
and the userAgent were Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36
, unless we replace span with other tag.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4