Ich muss umschreiben Dieser Code
export default Vue.extend<Props>({ functional: true, render(h, { props, slots, data }) { const { href, external, target, type, button } = props; const slot = slots().default; console.log(data); ....
Zu den Vue 3-Kombinationsskripteinstellungen, Also habe ich es geschafft, es zu bekommen
<script setup lang="ts"> import {h, useSlots} from 'vue'; const props = defineProps<Props>(); const slots = useSlots(); ...
Aber wie komme ich an Daten? Beginnen Sie mit diesem Teil -> render(h, { props, slots, data }) {
Die Daten sollten domProps enthalten, falls vorhanden usw.
console.log(data);
{ { attrs: { target: '_self', href: 'https://example.com', button: true }, class: [ 'X-button', { 'X-button--': false, 'X-button--size-auto': true } ] }
Vielen Dank im Voraus
如果您仍然需要这个,
useSlots().default()
返回槽的数据,包括 DOM 属性。