Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/qt/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue:如何使用自定义v槽dom构建组件?_Javascript_Html_Vuejs2_Vue Component - Fatal编程技术网

Javascript Vue:如何使用自定义v槽dom构建组件?

Javascript Vue:如何使用自定义v槽dom构建组件?,javascript,html,vuejs2,vue-component,Javascript,Html,Vuejs2,Vue Component,现在我有了一个自定义组件,并使用了一个自定义渲染函数: 导出默认值{ 渲染(h){ 返回h('InnerComponent',h('div','mycontent')) } } 而内部组件的定义如下: 默认插槽: 自定义插槽: 因此,内容h('div','My content')被注入到默认槽中,最后呈现如下: 默认插槽:我的内容 自定义插槽: 那么,如果我想将该内容注入到自定义槽中呢?(),在渲染函数中,就像我们在下面的模板中使用的那样 我的内容 导出默认值{ } 相关文档: 您

现在我有了一个自定义组件,并使用了一个自定义渲染函数:


导出默认值{
渲染(h){
返回h('InnerComponent',h('div','mycontent'))
}
}
内部组件
的定义如下:


默认插槽:
自定义插槽:
因此,内容
h('div','My content')
被注入到默认槽中,最后呈现如下:


默认插槽:我的内容
自定义插槽:
那么,如果我想将该内容注入到自定义槽中呢?(
),在渲染函数中,就像我们在下面的模板中使用的那样


我的内容
导出默认值{
}
相关文档:

您只需在孩子的选项中指定一个
插槽

h('div',{slot:'custom'},'My Content')