上標輸入

Question

我輸入的數字需要有這樣的.00上標。我爲此使用了vuejs2。我該怎麼做？謝謝！

這裏是我的代碼

<input class="input is-large" type="number" value="0"> 

Answer 1

您可以使用v-html輸出<sup>：

https://jsfiddle.net/wostex/63t082p2/23/

<div id="app"> 
    <input class="input is-large" 
    v-model="number"> 
    <p v-html="supNumber"></p> 
</div> 

new Vue({ 
    el: '#app', 
    data: { 
    number: 0 
    }, 
    computed: { 
    supNumber: function() { 
     return parseFloat(this.number).toFixed(2).split('.').map((e, i) => { 
     return (i === 1) ? '<sup>' + e + '</sup>' : new Intl.NumberFormat('en-US').format(e); 
     }).join('.'); 
    } 
    } 
});