我想在我的 Vue.js 組件部分使用 HTML 符號▲，▼它代表“向上箭頭”和“向下箭頭” 。<script>我知道像下面這樣簡單的事情是行不通的。但是我嘗試了在互聯網上找到的不同功能，但沒有任何效果。
this.$refs["span-1"].textContent = "▲";
uj5u.com熱心網友回復：
有兩種方法可以實作這一點：
- 使用
v-html指令
new Vue({
el: '#app',
data: {
content: "▲"
}
})<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<p v-html="content"></p>
</div>- 使用
innerHTML代替textContent
new Vue({
el: '#app',
mounted() {
this.$refs.myTag.innerHTML = "▲";
}
})<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<p ref="myTag"></p>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/510586.html