[英]Vue.JS data in HTML attribute
我現在正在使用Vue.JS和狀態欄,我想知道如何將來自vue的數據放入html屬性中。
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="score" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
<span class="sr-only">${this.score}% Complete</span>
</div>
</div>
我已經嘗試過了:
<div class="progress">
<div class="progress-bar" role="progressbar" v-bind:aria-valuenow="score" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
<span class="sr-only">${this.score}% Complete</span>
</div>
</div>
但是v-bind:不起作用。
為我工作。
new Vue({ el: '#app', data: { score: 20 } });
[aria-valuenow="20"] { color: red; }
<script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.2.4/vue.min.js"></script> <div id="app" class="progress"> <div class="progress-bar" role="progressbar" v-bind:aria-valuenow="score" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> <span class="sr-only">${{this.score}}% Complete</span> </div> </div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.