在jsp中引入vue.js和element-ui的时候没有使用npm,而是直接引入的,有时候页面初始中文会全部乱码。解决办法如下:
1、引入js的时候加上编码utf-8:
<script type="text/javascript" charset="UTF-8" src="../js/vue.js"></script>
<script type="text/javascript" charset="UTF-8" src="../js/vue.js"></script>
2、新建jsp的时候顶部设置jsp的默认编码:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
3、在html的meta中设置编码:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
测试代码如下
<div id="app">
<el-button @click="visible = true">Button</el-button>
<el-dialog :visible.sync="visible" title="Hello world">
<p>Try Element</p>
</el-dialog>
</div>
<script type="text/javascript">
new Vue({
el: '#app',
data: function() {
return { visible: false, }
}
})
</script>
但是实际的效果