DDR爱好者之家

Vue + Element-ui的下拉框el-select获取额外参数详解
站长资源 2024/12/25 佚名
77 1538
DDR爱好者之家 Design By 杰米

直接上代码吧~

<el-table-column
      label="用户类型"
      width="180">
      <template slot-scope="scope">
       <el-select v-model="scope.row.roleID"
             placeholder="请选择" @change="changeRole($event,scope)">
        <el-option
         v-for="item in roles"
         :key="item.value"
         :label="item.label"
         :value="item.value">
        </el-option>
       </el-select>
      </template>
</el-table-column>

我想在触发下拉框change事件时获取到scope里的值，因为el-select的change事件默认有个回调参数，就是选择的value，如果想额外获取其他的值不能直接写@change="changeRole(scope)"，这样会覆盖默认的参数，加上$event就可以取到了。

不仅仅是el-select，其余的Element-UI的组件中实现这种不想覆盖默认参数都可以这样使用。

补充知识：element UI中的select选择器的change方法需要传递多个值

如果直接调用change事件，不传任何参数，则可以获取到当前选中的值（因为默认会将event参数传递过去）

场景：

你需要将select选择器 ”选中的当前元素“ 和 ”其他你需要的值“ 一起传递过去？

做法：

change （$event，“你要传递的其他值”）

以上这篇Vue + Element-ui的下拉框el-select获取额外参数详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米