:slotted()结合v-bind在递归组件中的使用

[generalSun]

a.vue

const width = ref(0)
const clickHandler = ()=>{
width.value = 10
}

<style scoped lang="less"> :slotted(.header){ max-width:v-bind(width ) } </style>

然后对a组件进行递归，会发现这里v-bind里的width并非父组件的值，而是当前组件的width的值