css中会用scoped来避免父组件给子组件造成污染,然后形成一个独有的hash值,类似这种 .full[data-v-3d4b9f2e]。如果想在父组件修改子组件的内容,我们就需要个东西穿透它。
css的话用>>>,如果有css预处理的话,例如 lang="scss" 要用 /deep/,框架是vue+js的时候我用/deep/都没有报错,但是用vue+ts的时候,vue-cli3+vue2和vue-cli4+vue3都报错了,vue-cli3+vue2的解决办法是 ::vue-deep .el-input__inner ,vue-cli4+vue3的解决办法是 :deep(.el-input__inner)。