主要的报错地方在以上标红地方，主要是调用vuex的store里面的方法报的错误，使用vuex并没有错误，错误的是this指向问题。出现错误的原因是我用了微信uniapp提供的api，uni.login和uni.getIserProfile两个方法，这会导致指针已经不再指向vue实例，而是指向回调函数本身。uni.getUserProfile({ lang: 'zh_CN', desc: '用于核对

success: (uploadFileRes) => {//成功的回调，把返回的图片地址拼接进变量。url: 'xxxx/common/upload', //上传图片的接口。header: {//有些接口需要请求头，如果没有可以去掉，像我现在的接口是必须加上token的。deletephoto(e){ //deletephoto是把已经上传的图片叉掉之后的方法。fail:(res)=>{ //失

placeholder="请输入验证码" name="code" type="text" v-model="rulesForm.code">v-for="(item, index) in codes" :key="index">{{ item.num }}</span>就是这样实现的验证码排列。说明：input部分是输入的框，getCodeBt部分就是图片部分，包括点击事件。this.$messa

然后发现原因，估计是idea缓存没清，更改其他端口号，如9528这样，就可以了，再改回之前的9527也可以了！直接上图，明明是9527端口但是启动之后显示8080端口，刷新了maven重启了idea，重启电脑都没用。

成功了之后再去浏览别人的代码，发现了一个点，在pom文件里面加上build（如图），貌似这样也可以成功，这个方法应该正规一点，可以让xml一起打包并且被扫描到，上面的方法是实在不知道怎么解决了。但是试了很多还是一直报这个错，这个报错的关键店就是显示扫描不到这个xml文件，无奈最后把文件放到这个服务的resources里面，最后成功！网上看了也试了很多方法，基本上所有解决方法大差不差，这个博客内容写

思路：使用定时器来实现，页面上做个显示，但是还有个棘手的怎么定时器结束，东西还要正确显示在页面上，而且定时器的模板语法也要放进循环体里面，这样会导致后面输入回答的内容影响前面几次回答的内容，解决这几个的思路是：取一个新的dom元素，当定时器循环的时候，增加一个变量用于判断定时器是否在进行中，展示的是一个逐字输出的模板，当定时器结束的时候，新的dom元素获取到这个值并且展示在页面上，逐字输出的dom

实现html导出word，需要使用两个库。 html-docx-js和file-saver 导出word的js方法 > npm install html-docx-js >npm install file-saver js引入 import FileSaver from "file-saver"; import htmlDocx from "html-do