当前位置:首页 > javascript > vue > 正文内容

vue3 scoped样式穿透

hxing6412年前 (2022-10-31)vue1912

用于修改很多vue常用的组件库,在组件中还是避免不了修改组件库样式

以elementui为例:

<div class="box">
    <el-input class="input"></el-input>
</div>

样式

<style lang="scss" scoped>
    .box {
        :deep(.input) {
            background: red;
        }
    }
</style>


扫描二维码推送至手机访问。

版权声明:本文由星星博客发布,如需转载请注明出处。

本文链接:https://xingxinghan.cn/?id=405

分享给朋友:

“vue3 scoped样式穿透” 的相关文章

uniapp 对接极光推送

uniapp 对接极光推送

1,进入后台登录    https://www.jiguang.cn/accounts/login/form    设置好应用包名,拿到APPKEY2,安装好极光插件    1),...

Vue3源码之createApp

Vue.js 3中的createApp是用于创建一个Vue应用的函数。它的原理可以简单地解析为以下几个步骤:1. 创建一个应用实例:createApp函数会返回一个应用实例,该实例代表整个Vue应用的根实例。2. 组件注册:通过app.component方法,可以注册全局组件或局部组件。全局组件可以...

vue3 setup方法执行原理

Vue 3中的setup函数是在组件实例创建之前调用的一个特殊函数,它主要用于配置组件的状态和行为。下面是setup函数的执行原理的分析:在组件定义中,通过setup属性指定一个函数,例如:export default {     &nb...

uniapp h5设置代理解决跨域问题

在manifest.json文件中 h5 属性中加入如下代码:"h5": {     "devServer": {       &nbs...

【Vue】详解Vue组件系统

Vue是一款流行的JavaScript框架,它的组件系统是它最重要的特性之一。Vue组件系统允许开发人员将UI界面划分成独立、可重复使用的组件,从而提高代码的可维护性和可重用性。本文将详细介绍Vue组件系统的各个方面。组件的定义在Vue中,一个组件是由一个Vue实例构成的。组件通常包含一个模板、一个...

Vue中的父子组件通讯及使用sync同步父子组件数据

在Vue.js中,组件通讯是一个非常重要的主题。特别是在处理父子组件之间的通讯时,我们需要了解不同的方式来传递数据和响应事件。本文将介绍Vue中父子组件通讯的几种方式,并重点讨论使用sync属性来实现父子组件数据的双向绑定。父子组件通讯 在Vue中,父组件可以通过prop向子组件传递数据,而子组件则...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。