javascript - vue css作用域问题

查看：84 发布时间：2017/9/6 5:42:50 vue.js javascript

本文介绍了javascript - vue css作用域问题的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题

vue文档中有提到使用在标签上加scoped来实现作用域控制，代码如下

<style scoped>
    @media (min-width: 250px) {
        .list-container:hover {
            background: orange;
        }
    }
</style>

但如果我是使用

import '../css/index.css';

的形式引入的css，那么怎么使作用域限制在当前组件呢？

解决方案

可以用

<style src="../css/index.css" scoped></style>

这篇关于javascript - vue css作用域问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文