element-ui下拉框使用value绑定id

因为在这里是先显示label在显示value所以可以把名字写在label里，把id写在value里，然后v-model绑定的值即为value里的id值，且在@change里面可以使用value即id。

<el-form-item label="角色名"><el-select v-model="value" placeholder="请选择" @change="selectGet(value)"><el-optionv-for="item in options":key="item.id":label="item.roleName":value="item.id"></el-option></el-select>
</el-form-item>
<script>export default {data(){return {options: [{value: '选项1',label: '管理员'}, {value: '选项2',label: '维修人员管理员'},]}},methods:{//下拉框选中事件selectGet(value){//这个vId也就是value值console.log(value);}<script/>

element-ui下拉框使用value绑定id相关推荐

vue下拉框值改变事件_vue和element ui 下拉框select的change事件
1 在线编辑测试工具编辑好代码后点击 run 即可 2 vue原生写法 2.1 html部分新增空 {{ drug.name }} 刪除尚未新增任何資料總金額:{{ totalMoney } ...
element ui 下拉框搜索功能
正常的下拉框就是这样的,但是临时加需求说需要下拉框里面的信息不存在或者太多的时候,希望自己搜索想要的数据嗯~听产品的~解决了一下代码如下 <el-select :placeholder=&q ...
element ui下拉框实现
<template><el-select v-model="value4" clearable placeholder="请选择">&l ...
element ui 下拉框选择年份
<template><div class="wrap"><el-select v-model="form.recentYear" ...
Element Select下拉框选中后视图没有渲染等问题
Element Select下拉框选中后视图没有渲染等问题解决办法: 实质就是数据层级太深,当数据改变后,视图没有重新渲染,所以通过$forceUpdate() ,来强制刷新视图,重新渲染,这个比较 ...
vue+iview4.0 , vue+element实现下拉框可以自定义输入内容
前言: 最近10月的时候 iview4.0 更新了,但是一直在忙也没用到,正好因为要实现一个下拉框里面我要自定义输入内容的效果,element里面是有这个效果,antd里面没有,因为本项目用的ivie ...
html支付选择银行卡,JQ电脑手机通用银行选择下拉框提现银行卡绑定
兼容性: IE11 IE10 IE9 IE8 IE7 IE6 Firefox Chrome Safari 热度1949℃ 通用银行选择下拉框,可以自己添加下载1次所需铜板15个(1.5元)  ...
vue element ui下拉菜单和不是table列表全选功能问题解决方案
这半个月都在折腾vue的项目,虽然不是很复杂,但对于刚入门的小白来说,踩到的坑不少,常常因为一个小问题就得浪费好久问题,不过娃不在身边,晚上和周末可以继续研究,趁睡觉前,把今天遇到的问题给总结一下,做 ...
vue select下拉框数据v-model绑定默认不显示的问题
提高页面加载速度,前端代码注意的关键点今天遇到了一个问题,就是我循环出select内的数据以后,发现原本默认显示第一条的select框变成了空白,要选择后才有显示.我写的原始代码如下: <sel ...

element-ui下拉框使用value绑定id

因为在这里是先显示label在显示value所以可以把名字写在label里，把id写在value里，然后v-model绑定的值即为value里的id值，且在@change里面可以使用value即id。

element-ui下拉框使用value绑定id相关推荐

最新文章

热门文章