概述
我们知道在 Vue 中，style可以用两种方式来导入：
// method1
@import ('./a.css');
//method2
<style src='./a.css'>
复制代码但是不管哪一种，导进的css文件都是应用于全局的，有时候我们不想要这样的效果。而要使得css只对当前的组件有效，即局部应用。vue中提供了scoped属性，可以很好地解决该问题。 当我们有如下应用场景时，新的问题又出现了：
<template>
<div class="markDiv" v-html="mhtml">
</div>
</template>
<script>
export default {
data () {
return {
}
},
props: {
mhtml: String
}
}
</script>
<style scoped>
// some stylesheets to imploy to v-html
</style>
最后
以上就是可爱小霸王为你收集整理的vue 中控制v-html 中的样式，但不影响全局的小技巧的全部内容，希望文章能够帮你解决vue 中控制v-html 中的样式，但不影响全局的小技巧所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
![[笔记] 当在 Vue 中不得不用全局样式时...](/uploads/reation/bcimg3.png)
发表评论 取消回复