你能用v模型逃避特殊字符嗎?我看到一個問題,我編輯了從數據調用收到的文本。 'this'在編輯時在textarea中顯示爲'&'#39;'&#39'。我知道v-html,但你可以使用v-model嗎?如果不是,另一種選擇是什麼?Vuejs v模型特殊字符
0
A
回答
0
0
問題是你有編碼文本,你需要將其轉換爲純文本。如果它是正確的HTML,一個常見的技巧是將其設置爲scratch div的innerHTML
,然後從該div中提取textContent
。我在下面的代碼片段中創建了一個輔助函數來實現這一點。
你給的文本看起來像它裏面有一些額外的引號,所以你可能需要做一些更多的按摩來清理它,但這種方法仍然是我在這裏展示的:取文本,不要污染它,並將未受污染的文本分配給要編輯的變量。
const scratchDiv = document.createElement('div');
function toPlainText(html) {
scratchDiv.innerHTML = html;
return scratchDiv.textContent;
}
new Vue({
el: '#app',
data: {
plainText: ''
},
mounted() {
// fetching code-polluted text
this.plainText = toPlainText("'this'");
}
});
<script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.min.js"></script>
<div id="app">
<textarea>
{{plainText}}
</textarea>
</div>
相關問題
- 1. 將v模型插入vuejs元素
- 2. 特殊字符
- 3. 特殊字符
- 4. 特殊字符
- 5. 特殊字符
- 6. 特殊字符
- 7. 特殊字符
- 8. 特殊字符
- 9. 特殊字符
- 10. 特殊字符
- 11. 特殊字符
- 12. VueJS Slot v-text
- 13. Vuejs 2 v-on:click.prevent()
- 14. 字符集特殊字符
- 15. Mysql刪除特殊字符後出現特定特殊字符
- 16. 具有特殊字符的原型$和$$
- 17. textarea的類型特殊字符
- 18. 在匿名類型特殊字符
- 19. Android服務器響應特殊字符 V* I
- 20. Android特殊字符
- 21. dompdf特殊字符
- 22. RegExp特殊字符?
- 23. SimpleXML特殊字符?
- 24. 特殊字符preg_match
- 25. .htaccess特殊字符
- 26. 特殊字符NSString
- 27. 特殊字符SQLite
- 28. Android'\'特殊字符
- 29. HTML特殊字符▼
- 30. SQL特殊字符
你是說你得到HTML編碼的數據,並希望將其轉換爲純文本在textarea的使用? –
是的 - 我需要用戶能夠編輯返回的數據。在我目前的解決方案中,使用v模型時,'this'顯示爲'&'#39;',導致用戶混淆,並且當保存更新文本'&'#39;'時,此'&#39'正在保存。 – slugabed