近期工作总结#7

圆子同学的学习笔记 / 2023-08-26 / 原文

最近遇到一个很有意思的bug,值得记录一下

在开发地图页的时候,有个很神奇的bug,在使用高德地图Api,开发点标记点击后弹出信息窗体的时候,遇到信息窗体无法显示的问题,此处的信息窗体不是高德地图官方定义的信息窗体,而是自定义的一个DOM节点,在使用class类命名并写css样式的时候,点击前都是可以正常修饰div标签的,但是点击后却无法正常修饰里面的内容,导致窗体显示不出来。

这个问题的根源在于Vue的Scss中使用了scoped这个属性,使其页面的标签都有唯一的标识,导致新增加的dom节点无法访问到该文件的css样式,所以有两种解决方法,一、消除scoped属性,容易导致其他页面的css样式混淆。二、在App.vue文件中写入全局css样式,这样就可以找到该样式。

另一个bug是关于this.$refs的,当你要获取的ref中没有这个属性或者为undefind时,确保该ref没有被v-if或者v-show修饰

这就是我最近遇到的比较有意思并且值得记录的问题,以后会持续更新