还是直接代码:
<el-form ref="form" :model="form" label-width="80px">
<el-form-item label="一级菜单">
<el-select v-model="menuSelect" filterable placeholder="请选择" style="margin:0 auto ;"
size="medium" @change="selectOne">
<el-option v-for="item in form.menuSelectData" :key="item.value" :label="item.name" :value="item">
</el-option>
</el-select>
</el-form-item>
</el-form>
selectOne(event, item) { //change 触发事件
//直接就拿到当前的这个对象了
},
menuSelectData: [{ //数组格式
value: 'all',
name: '全部数据',
parentId: -1
}],
menuSelect: '', //需要在data上面添加这个属性
结果
前端微信交流群,喜欢可以进入交流学习,如果过期可以发消息联系我。
image.png
网友评论