vue实现动态下拉框

先看效果

 

这里用的是element中的组件，代码如下

<el-select v-model="ClassInfo.name" placeholder="产品分类" clearable>
 <el-option v-for="item in ClassInfo" :key="item.id" :value="item.name :label="item.name"/>
</el-select>

v-model绑定的是数组中所有分类的名称，然后利用v-for遍历出来就好了

:label="item.name"  就是你下来框中想要显示的内容