vue怎么动态修改element内部dom的样式

Question

现在需求是想动态调节element穿梭框的宽度，如果在<el-transfer class="a"></el-transfer>直接修改classa没效果，因为穿梭框宽度是在el-transfer下的el-transfer-panel里
我现在可以在<style></style>选中el-transfer-panel来修改宽度，但我想动态修改这个宽度该怎么解决？

Answer 1

暂时通过其他方式解决了，在全局里设置el-transfer-panel宽为50%，然后动态修改el-transfer的样式暂时解决问题了

Answer 2

动态添加class
然后使用 “>>>” 深度选择器

<style scoped>
    外层 >>> 第三方组件类名{
        样式
    }
</style>