::v-deep修改样式

当我们使用了UI组件如Ant Design Vue,这个时候想在当前页面修改UI组件里的某个样式,并且是在scoped里,而不想影响其他的页面的话,可以用::v-deep来写:

<style lang="less" scoped>
  .task-form {
    ::v-deep(.ant-form-item-control-input-content) {
      .ant-select,.ant-input-affix-wrapper {
        width: 59%;
      }
    }
  }
</style>