美文网首页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