vant3 项目中直接引用vant源码中的symbol当key值,无法正确获取父组件注入的变量

发布于 2022-09-12 23:52:33 字数 919 浏览 20 评论 0

想要根据vant源码中的symbol获取官方form组件中利用useChildren存入的值,但是始终返回null,只能依靠递归父组件的方式寻找form组件实例,请问一下还有别的方式解决吗

parent.jsx

import { defineComponent } from "vue";
import Test from "./test.vue";

export default defineComponent({
  name: "Home",
  setup() {
    return () => (
      <div>
        <van-form>
          <Test></Test>
        </van-form>
      </div>
    );
  }
});

test.vue

<template>
  <div>test</div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import { FORM_KEY } from "vant/lib/composables/use-link-field";
import { useParent } from "@vant/use";
export default defineComponent({
  setup() {
    const { parent } = useParent(FORM_KEY);
    console.log(parent); //null
  }
});
</script>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

情定在深秋 2022-09-19 23:52:33

已解决,key值引入的包路径错误 应该是

import { FORM_KEY } from "vant/lib/composables/use-link-field";
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文