javascript - JS中字符串转换unicode？

Question

<i class="icon">&#xe672;</i>

结果是一个像这样的图标:>

但是当我在 vue 中渲染时:

<i class="icon">{{a}}</i>

a = '&#xe672;'

结果是我得到了一个字符串!

Answer 1

a 包含 unicode 字符的 HTML 转义，但这不是 JavaScript 中的有效转义序列，因此它只是一个文字字符串。快速解决方法是将 a 绑定(bind)到元素的 v-html，其中 HTML 转义序列有效。

或者，您可以修改 a 以使用适当的 JavaScript 转义序列。相当于 JavaScript 中的 unicode 字符 Unicode code point escape是:

a = '\u{e672}'

new Vue({
  el: '#app',
  data: () => ({
    a: '\u{e672}',
    b: '\u{01F638}',
  }),
})

<script src="https://unpkg.com/vue@2.5.17"></script>

<div id="app">
  <div>{{a}} &#xe672;</div>
  <div>{{b}} &#x1F638;</div>
</div>

另一种选择是使用第三方库(例如 ent )来解码 HTML 转义字符串:

 const ent = require('ent');
 a = ent.decode('');