动态生成的内容通过v-html创建的DOM内容不受作用域样式的影响，但是仍然可以通过deepactionselectors样式进行设置。内容来源：https://vue-loader.vuejs.org/zh/guide/scoped-css.html#%E6%B7%B1%E5%BA%A6%E4%BD%9C%E7%94%A8%E9%80%89%E6%8B%A9%E5%99%A8虽然是细节，但是影响工作量。我当时没看懂，就写了下面的代码：//greenpromotionspacetextpromotionTxt(num){if(num==null){return'-';}返回`${this.normalTxt(num)}`;},//红色警告文本lossTxt(num){if(num==null){return'-';}返回`${num}`;},因为发现没有用到类的样式，只好硬着头皮把颜色写进了内联样式。今天，同样的代码可以愉快地写成：//greenpromotionspacetextpromotionTxt(num){if(num==null){return"-";}返回`${this.normalTxt(num)}`;},//红色警告文本lossTxt(num){if(num==null){return"-";}返回`${num}`;},添加一段css:/deep/.green{color:green;}/deep/.red{颜色：红色；}完美的解决方案，不再需要编写丑陋的内联样式了。
