Vue3的JSX语法中怎么使用插槽？

在vue3中使用JSX语法，在render 里书写 { this.$slots.default } 想要插入一个默认插槽，但发现实现结果与预期不一样，页面上输出了一些函数的字符串形式。大佬们有

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

7条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
搬砖的猿@ 2021-04-30 12:01
关注
目前发现在render中去把this.$slots.default 执行一次即可输出内容，比如： { this.$slots.default() }，然后官网上有详细回复

https://github.com/vuejs/jsx-next#installation

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(6条)

报告相同问题？

关注问题

vue的jsx写法中如何使用component动态组件? vue.js
2021-02-25 11:07

回答 2 已采纳可以使用计算属性返回动态组件 { computed: { component () { if (!this.componentName) { retu
vue3中jsx自定义指令的使用 vue.js
2022-06-17 18:17

回答 2 已采纳又看了一遍v3官网文档才反应过来，其实就是通过数组[val, "arg", ["a", "b"]传递值，自定义指令的参数，修饰符😓
vue3中jsx函数组件如何异步加载 vue.js
2022-06-20 14:22

回答 2 已采纳 JSX组件1.默认暴露可以直接const loading = defineAsyncComponent(() => import('@/components/loading'));2.分别暴露的
vue3 jsx 使用插槽
2024-05-06 17:05

冷二令的博客【代码】vue3 jsx 使用插槽。
vue2.7setup语法糖使用报错 javascript vue.js 前端
2022-08-22 16:30

回答 2 已采纳 https://github.com/vitejs/vite/issues/1176
VUE 如何在jsx中使用组件的事件 javascript vue.js
2021-02-21 11:35

回答 1 已采纳【Vue进阶】手把手教你在 Vue 中使用 JSX https://www.jianshu.com/p/9616745a8d0a 渲染函数 & JSX https://cn.vuejs.org/
vue3怎么动态加载自定义组件？ javascript vue.js 前端
2023-01-29 16:49

回答 4 已采纳 v-for就可以了例如后端返回num字段为10前端在template中使用v-for循环组件 <card v-for='(item, index) in num'></card&gt
Vue3 jsx 语法中使用 v-slots 插槽和 component动态组件
2023-05-14 21:52

答案—answer的博客 vue3 jsx语法中使用插槽v-slots 和动态组件component 的使用和实现
Vue3如何给app追加method？ javascript vue.js 前端
2022-04-24 15:53

回答 1 已采纳 Mixinhttps://v3.cn.vuejs.org/guide/mixins.html#%E5%9F%BA%E7%A1%80
vue中怎么封装插槽中的代码？ vue.js 前端
2023-04-15 23:09

回答 2 已采纳在封装的组件中，可以通过 props 属性接收传递给组件的数据，其中也可以包含需要引用的 row 数据。例如，在组件中添加一个 props 属性 rowData，并在组件内部使用 rowData 来
Vue3 h函数如何使用 v-bind ？ vue.js 前端
2023-01-11 21:13

回答 1 已采纳 <template> <div> <h1>{{title}}</h1> <button v-bind:class="{ ac
在vue3.0的JSX语法下使用插槽
2021-12-23 18:06

白菜new的博客由于在vue2中JSX的语法在渲染和代码简洁度上有优化，偶尔也会用JSX的形式封装组件；新的项目里开始用vue3发现，以前丢插槽的两种方式行不通了，得想想办法才行。 // vue2 插槽写法 render (h) { const { $scoped...
在vue3中使用jsx语法
2021-10-08 13:56

Spig跟着fly学前端的博客 vue3项目中使用composition-api配合hooks形式，按业务分离，逻辑更清晰，维护更方便；由于template模板语法受vue文件格式限制，在hooks函数中需要return太多变量，维护麻烦; 使用在hooks文件里面使用jsx代替...
vue3使用 JSX / TSX语法
2024-06-19 11:37

陆仁丶的博客 vue中使用jsx/tsx语法实现灵活组件
在 vue3 中优雅的使用 jsx 声明、使用具名插槽、作用域插槽
2021-12-27 11:08

Only Double J的博客最近手撸 vue3，出于好奇打算玩一手 JSX，在声明和使用插槽时遇到了一些挫折。由于 JSX 语法不太熟，就拿 element-plus 的 menu 组件来举个例子、 template 写法 <el-menu router active-text-color="#ffd04b" ...
没有解决我的问题, 去提问

悬赏问题

¥15 vs2022无法联网
¥15 TCP的客户端和服务器的互联
¥15 VB.NET操作免驱摄像头
¥15 笔记本上移动热点开关状态查询
¥85 类鸟群Boids——仿真鸟群避障的相关问题
¥15 CFEDEM自带算例错误，如何解决？
¥15 有没有会使用flac3d软件的家人
¥20 360摄像头无法解绑使用，请教解绑当前账号绑定问题，
¥15 docker实践项目
¥15 利用pthon计算薄膜结构的光导纳

Vue3的JSX语法中怎么使用插槽？

7条回答 默认 最新

悬赏问题

7条回答默认最新