最近在用vue3项目写移动端,会遇到奇奇怪怪的问题,但是很多情况都是部分用户手机的缓存问题,一般为了判断客户端是否最新,都会在页面上输出一些当时版本修改的字符串来判断。

我目前想到的是写一个打包时间。以下是实现关键代码

./public/index.html

  <script>
    window.versionTime = parseInt('<%=new Date().getTime()%>');
  </script>

*/xxx.vue

{{vTime}}


mounted() {
	this.vTime = new Date(window.versionTime).format("yyyy年MM月dd日 HH:mm");
},
data() {
        return {
            vTime: "",
        };
    },

上面的代码自己理解下,大概意思是利用webpack在html中能够编写一些编译代码,将时间戳字符串复制给一个变量
然后在vue文件中读取这个变量并且绑定到页面上。如下是效果图
在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐