美文网首页vue
element 中el-select change事件

element 中el-select change事件

作者: sunflower_07 | 来源:发表于2018-11-02 13:44 被阅读0次

还是直接代码:

<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

相关文章

网友评论

    本文标题:element 中el-select change事件

    本文链接:https://www.haomeiwen.com/subject/ilzqxqtx.html