如下图：

1、定义了一个类似下拉的组件我自己选择，然后里面有自定义的组件我的选择

2、有很多时候，我们希望，我选择组件内部的子组件，只能是我的选择。不应该有div666/div

3、在我选择里面做一层过滤，去掉不需要的组件

下面先看看

myOptions.vue组件代码

模板' div class='选项差异这里是选项/div/div/模板脚本/接下来是我选择的代码：

模板div class='select' div这里是选择/div插槽/插槽/div/模板脚本/是/src导出的别名默认{ name: 'myselect '，data(){ return { _ children :[]}，created(){ console.log(this .$children) //输出为[] console.log(这$slots.default) //输出为[VNode，VNode，VNode] var arr=this .$老虎机。默认| |[]var RES=[]；for(var I=0；一、长度；I){ var item=arr[I]；if(项目。组件选项项。组件选项。tag==' myOptions '){ RES . push(item)；} }这个_儿童=res这个$ slots.default=res}，已挂载(){ console.log(this .$老虎机。默认)/[Vnode，VNode] console.log(这$children)//因为过滤掉了一个，所以为[vuecocomponent，vuecocomponent]} }/脚本在我选择的创造和安装好的里面，分别查看

这个$ slots.default和这个。儿童就会发现内部的子组件渲染，与这个有很大关系，只需要过滤一下时间就可以了

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。