vue.js - vuejs2 router-view乱码

问题描述

问 题

用route-view发现其中的中文乱码，倒是外面的中文可以正常显示。
所有文件都是UTF-8编码，在index.html中也已经设置了<meta charset="utf-8">。

app.vue:
<template>
  <div id="app">
    <div>你好</div>
    <router-view></router-view>
  </div>
</template>

工程使用webpack打包，感觉应该是route-view的问题，请大神指点，谢谢。

解决方案

看起来，像是Main里面那层的文件有问题。

首先，确定你所有的.vue文件是否带BOM头，或者不是UTF-8
其次看一下有没有将<meta charset="gbk">之类的标签误写到vue代码里去，
另外请确认下，所有的.vue代码中没有特殊字符（有些特殊字符也会导致乱码）

如果需要详细的检查，请把router-view代表的vue文件代码放出来，以及一些调试过程，这样方便定位错误。（router-view只是个占位符而已，具体问题在于它对应的vue文件）

这篇关于vue.js - vuejs2 router-view乱码的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！