动态呈现html不起作用，vue js
提问于 2019-12-27 08:18:35
new Vue({
el: '#application',
data: {
currencies: [
{
'name': 'Dollar',
'sign': '$'
}, {
'name': 'Euro',
'sign': '€'
}, {
'name': 'Pound',
'sign': '£'
}, {
'name': 'Cent',
'sign': '¢'
}
]
}
});<select class="custom-select" v-model="quotationForm.currency">
<option v-for="currency in currencies" v-bind:value="currency.sign">
<span v-html="currency.sign"></span>
{{ currency.name }}
</option>
</select>无法在选择框上呈现货币符号。
但是当我试着做统计时，它的效果很好，就像下面给出的…
<select class="custom-select" v-model="quotationForm.currency">
<option v-for="currency in currencies" v-bind:value="currency.sign">
€
{{ currency.name }}
</option>
</select>为什么v-html在选择框中不起作用？有什么建议吗？
谢谢。
回答 1
Stack Overflow用户
发布于 2019-12-27 08:40:32
我自己测试了一下，它工作正常：Link
<template>
<select class="custom-select" v-model="quotationForm.currency">
<option :key="index" v-for="(currency, index) in currencies" v-bind:value="currency.sign">
<span v-html="currency.sign"></span>
{{ currency.name }}
</option>
</select>
</template>
<script>
export default {
data() {
return {
quotationForm: {
currency: null
},
currencies: [
{
'name': 'Dollar',
'sign': '$'
}, {
'name': 'Euro',
'sign': '€'
}, {
'name': 'Pound',
'sign': '£'
}, {
'name': 'Cent',
'sign': '¢'
}
]
}
}
}
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59497879
复制相关文章
腾讯云开发者
