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" 就是你下来框中想要显示的内容