vue项目用原生js动态创建的div的样式不起作用该怎么办？

一、问题描述

最近做项目遇到这样一个奇怪的问题，用了高德地图的自定义窗体，但是发现样式无论如何都不起作用。网上查了些资料才得以解决

先看一下不起作用的代码


可以看到样式和动态创建的div都没问题，但是样式就是不起作用，如下图

二、问题解决

通过查看控制台可以看到样式起作用的div都有这样一个特征

都有data-v-xxxxxx这样类似的

再看看我们自己写的渲染出来是什么样的

可以发现并没有上面的特征，所以我就猜想是因为这个原因造成的

那么如何解决这个问题呢？

首先看vue中style的一个属性scope