VUE 引入外部样式

如题<style lang="scss" scoped> @import "./style.scss"; .co-body { height: 40px; background-color: aqua; } </style> <style src="../static/style.css"></style>vue组件如何引入外部.js/.css/.scss文件

VUE·前端 · 04-02

转载：vue+webpack打包发布到线上后微信公众号H5部分打开白屏,刷新又好了

客户有反馈，有些客户打开后白屏。有视频为证。遂开始排查，在编辑器里搜索，反复试验均无果。出现白屏后，刷新即可修复。这次可能的原因分析白屏原因，应该是用户访问的index.html并不是最新的, 而是微信缓存的旧版的index.html 但是本地的JS缓存过期了，加载旧版JS的时候404了。微信客户端及微信浏览器下比较特殊，这个bug一样的存在居然把入口文件html给缓存下来了，这就意味着通过版本号和hash号的形式避免缓存的方案失效了。同时html的meta设置依旧没能生效。标准的浏览器是不会缓存html文件的。经常使用vue作为开发框架的开发者都知道，build打包后，所生成的css/js的文件名中间会夹杂哈希值，以此来避免缓存问题。但是由于入口文件index.html的名字每次打包后不改变，并且也不能乱变，就导致了index.html在用户端仍然会被缓存下来。那么在服务端更新包之后，由于旧的文件被删除，而index.html所链接的路径依然是旧文件路径，因此会找不到文件，从而白屏。location / { root /root/path; index inde

VUE·前端 · 03-04

uniapp 微信小程序 video 修复The play() request was interrupted等系列问题

原因：不管是移除还是暂停等等错误，都是组件切换的时候play是异步的过程，所以需要延时执行操作。setTimeout(()=>{ this.videoContext.play() this.videoContext.seek(init_time) },500) 修复The play() request was interrupted等系列问题

VUE·前端 · 02-02

uniapp开发微信小程序 解决"v-for暂不支持循环数据"报错

写了个包含分类，数据项的二级循环。发现在二级上点击 拿不到值。改为 匿名函数 即可解决。@click="()=>jumpTrialListening(course)"参考uniapp开发微信小程序-解决"v-for暂不支持循环数据"报错

VUE·前端 · 01-10

uniapp 微信小程序 赋值后 数据不刷新

需要强制刷新数据 this.$forceUpdate();uniapp数据更新视图不更新的问题

VUE · 2023-12-21
2022 - 2024 进击的小学生. All Rights Reserved.
Theme Jasmine by Kent Liao