如何在H（vue.js）函数内进行循环（Vor）动态？

发布于 2025-01-24 17:10:28 字数 332 浏览 0 评论 0原文

我有一个反应变量列表ref或vue.js项目中的反应性

我

创建了一个依赖于此列表（反应性）的应用

let list = ref(['item']);

let vNode = h(
  'ul',
  list.value.map((v, i) => { return h('li', { key: i }, v) })
);

let customApp = createApp(vNode);

customApp.mount('#trial')

，变化，如何使其动态并与列表同步？

原文

I have a reactive variable list either ref or reactive

in a vue.Js project

and i create an app that depends on this list(reactive)

let list = ref(['item']);

let vNode = h(
  'ul',
  list.value.map((v, i) => { return h('li', { key: i }, v) })
);

let customApp = createApp(vNode);

customApp.mount('#trial')

when list changes the mounted component doesn't change,
how can i make it dynamic and sync with list?

分享到QQ

分享到微博

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

发布评论

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

酒废 2025-01-31 17:10:28

使用组件而非VNODE解决了该问题。

let list = ref(['item']);

const comp = defineComponent({
  setup() {
    const arr = computed(() => toastsList.value);

    // or use list.value directly
    return () => h('ul',arr.value.map((v, i) => { return h('li', { key: i }, v) }));
  },
});

createApp(comp).mount('#trial');

the problem was solved using a component not a vnode.

let list = ref(['item']);

const comp = defineComponent({
  setup() {
    const arr = computed(() => toastsList.value);

    // or use list.value directly
    return () => h('ul',arr.value.map((v, i) => { return h('li', { key: i }, v) }));
  },
});

createApp(comp).mount('#trial');

回复收藏 0 原文

~没有更多了~