在使用Vue過程中，常常使用ElementUI這個(gè)組件庫來方便地進(jìn)行頁面設(shè)計(jì)。不過有時(shí)候我們會(huì)遇到一些棘手的問題，其中之一就是中文文字 在引入ElementUI庫之后，直接在頁面顯示會(huì)出現(xiàn)亂碼的情況。

產(chǎn)生這個(gè)問題的原因是因?yàn)镋lementUI是基于餓了么前端團(tuán)隊(duì)的開源組件庫，所以在默認(rèn)情況下是按照餓了么的風(fēng)格來設(shè)計(jì)的。但是，由于兩個(gè)公司的設(shè)計(jì)理念有所不同，所以在中文顯示上就會(huì)有問題。如何解決這個(gè)問題呢？

// 在webpack.config.js中，添加如下代碼
{
test: /\.(woff2?|eot|ttf|otf|svg)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
}

我們需要在webpack.config.js中，添加上面這段代碼，這樣就可以解決一部分問題了，但是還需要一步操作才能完全解決。

// 在mian.js中，添加如下代碼
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import '../theme/index.css';
Vue.use(ElementUI, { size: 'small', zIndex: 3000 });

我們需要在main.js中引入ElementUI，并在Vue中全局注冊(cè)，還需要在index.html中引入css文件。這樣就能夠完美解決中文亂碼問題啦！

以上是我們解決ElementUI中文亂碼問題的方法。需要注意的是，這個(gè)問題在不同的環(huán)境中可能有所不同，如果您遇到了這個(gè)問題，可以嘗試以上方法，如果還是無法解決，可以嘗試在ElementUI的GitHub上提問或者搜索幫助。