Form Input Elements and v-model in VueJS slots

[lixiaofa]

// Child Component
`<script setup lang="ts">
import { ref } from 'vue'
const value = ref(1)
</script>

子组件

<slot name="header" :value="value" :count="7"></slot>

`

// Parent Component

`import { defineComponent } from 'vue';
import CompA from './CompA.vue';
import { ElInput } from 'element-plus';

const App = defineComponent({
setup() {
return () => (
<CompA
v-slots={{
header: ({ value, count }) => {
return ;
}
}}>
);
}
});

export default App;`

Scope slots passed parameters, not reactivity
ElInput cannot be inputted