我有一个保存函数的JS文件,我想将一个带有各自props 的VUE组件导入到该函数中.

我已经像这样导入了组件:

import Component from './component.vue'

如果我这样做,VUE组件就会成功导入:

function myFunction(){
  return Component
}

但如果我try 为这样的props 输入值,就不会这样了:

function myFunction(){
  return Component('propvalue')
}

推荐答案

组件的props在渲染过程中被实现,所以返回一个带有所需props的包装器函数组件:

import {h} from 'vue';
function myFunction(){
  return () => h(Component, {prop: 'propvalue'});
}

Javascript相关问答推荐

如何在不分配整个数组的情况下修改包含数组的行为主体?

可以的.是否可以在不预编译的情况下使用嵌套 Select 器?

如何判断属于多个元素的属性是否具有多个值之一

react/redux中的formData在expressjs中返回未定义的req.params.id

微软Edge编辑和重新发送未显示""

jQuery s data()[storage object]在vanilla JavaScript中?'

cypress中e2e测试上的Click()事件在Switch Element Plus组件上使用时不起作用

如何在输入元素中附加一个属性为checkbox?

Rxjs流中生成IMMER不能在对象上操作

在JS中动态创建对象,并将其追加到HTML表中

触发异步函数后不能显示数据

图表4-堆叠线和条形图之间的填充区域

为什么NULL不能在构造函数的.Prototype中工作

为什么我的SoupRequest";被重置为初始值,以及如何修复它?

如何在Web项目中同步语音合成和文本 colored颜色 更改

我如何才能获得价值观察家&对象&S的价值?

如何向内部有文本输入字段的HTML表添加行?

AstroJS混合模式服务器终结点返回404

在使用JavaScript以HTML格式显示Google Drive中的图像时遇到问题

带元素数组的Mongo聚合