首页 > 其他分享 >vue3中对于/deep/和::v-deep的警告信息处理

vue3中对于/deep/和::v-deep的警告信息处理

时间:2023-02-20 15:59:37浏览次数:34  
标签:el 信息处理 inherit height deep vue3 写法 icon

目前发现两处警告信息:

::v-deep usage as a combinator has been deprecated. Use :deep() instead.

the >>> and /deep/ combinators have been deprecated. Use :deep() instead.

实际上这是因为原来的深度选择器的写法在未来有极大的可能被废弃掉,所以不推荐大家再使用原来的写法,如:

::v-deep .el-icon{
height: inherit;
}


/deep/ .el-icon{
height: inherit;
}
正确的写法:

::v-deep(.el-icon){
height: inherit;
}



:deep(.el-icon){
height: inherit;
}

标签:el,信息处理,inherit,height,deep,vue3,写法,icon
From: https://www.cnblogs.com/zhyp/p/17137683.html

相关文章

  • 若依框架 -------- vue3+element-plus(四)
    后端管理系统,前后端分离的框架若依管理后台,来看下vue3+element-plus版本。实现一个页面定义api请求gatewayPath分布式网关定义importrequestfrom'@/utils/request'impor......
  • 若依框架 -------- vue3+element-plus(三)
    后端管理系统,前后端分离的框架若依管理后台,来看下vue3+element-plus版本。静态文本assetsassets静态img、svg、stylemain.js ​​import'@/assets/styles/index.scss'/......
  • 若依框架 -------- vue3+element-plus(二)
    后端管理系统,前后端分离的框架若依管理后台,来看下vue3+element-plus版本。API后台接口请求user.js//查询用户列表exportfunctionlistUser(query){returnrequest({......
  • typescript+vue3使用vue-ls
    npmivue-ls新建storage.tsimportStoragefrom'vue-ls';constoptions={namespace:'vuejs__',//keyprefixname:'ls',//namevariableVue.[ls]ort......
  • 基于Vue3+TS的Monorepo前端项目架构设计与实现
    写在前面你好,我是前端程序员鼓励师岩家兴!去年在另一个项目https://juejin.cn/post/7121736546000044046中,我向读者朋友们介绍了结合npm包管理工具yarn作vue3项目的monorep......
  • Vue3集成axios分环境调用
    版本node16.18.0Vue3配置基础环境安装axiosnpminstallaxios编写dev与prod环境文件devNODE_ENV='development'prodNODE_ENV='production'动......
  • Vue3根据菜单动态生成路由
    前言学无止境,无止境学。大家好,我是张大鹏,之前在抖音有5万多粉丝,不过现在不拍视频,专心写公众号了。笔者目前是高级Python工程师,之前是全栈工程师,主要擅长Golang和Python开......
  • Vue3开箱即用中后台管理资源推荐
    Vue3-admin-element-template基于Vue3、Vite2、Element-Plus、Vue-i18n、Vue-router4.x、Vuex4.x、Echarts5等最新技术开发的中后台管理模板官方文档:文档地址Gin-vue-a......
  • vue3+vite | assets动态引入图片的几种方式,解决打包后图片路径错误不显示的问题
    问题vite官方默认的配置,如果资源文件在assets文件夹打包后会把图片名加上hash值,但是直接通过:src="imgSrc"方式引入并不会在打包的时候解析,导致开发环境可以正常引入,打包......
  • vue3-router使用
     1.引入routernpminstallvue-router@4 2.创建文件夹router,并创建index.js文件import{createRouter,createWebHashHistory}from"vue-router"constrouter=cr......