如何在使用脚本设置时获取 Vue 组件数据
P粉392861047
P粉392861047 2024-01-16 11:41:21
0
1
355

我需要重写 这段代码

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);
    ....

到 Vue 3 组合脚本设置, 所以我设法得到了

<script setup lang="ts">
 import {h, useSlots} from 'vue';
 const props = defineProps<Props>();
 const slots = useSlots();
 ...

但是我如何获取数据? 从这部分开始 -> render(h, { props, slot, data }) {

数据应该包含 domProps 如果有这样的..等

console.log(数据);

{
    {                                                                                                                                                                                                                                   
  attrs: {
    target: '_self',
    href: 'https://example.com',
    button: true
  },
  class: [
    'X-button',
    {
      'X-button--': false,
      'X-button--size-auto': true
    }
  ]
}

提前致谢

P粉392861047
P粉392861047

全部回复(1)
P粉707235568

如果您仍然需要这个,

useSlots().default() 返回槽的数据,包括 DOM 属性。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板