vue3.x deep深度选择器使用

vue yekong

最近使用vue3 做项目,发现使用v-deep代码是灰色的,并且会有一个错误提示,于是搜索了一下,发现vue3的写法有一些变化,记录一下。

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

vue3.x deep深度选择器使用

vue2 写法

  ::v-deep{
    .el-upload--picture-card{
      display: none;
    }
  }

vue3 写法

  :deep(.el-upload--picture-card) {
    display: none;
  }
喜欢