码迷,mamicode.com
首页 > 其他好文 > 详细

element ui 下拉框绑定对象

时间:2019-10-15 17:28:38      阅读:323      评论:0      收藏:0      [点我收藏+]

标签:ace   color   选中   hello   console   default   exp   span   eth   

废话不说直接上代码说明真相。

<template>
  <div class="hello">
    <span>可以设置的属性 value-key="id" 、value-key="name"</span>
    <el-select placeholder="请选择" value-key="id" v-model="selectValue" @change="changeStatus">
      <el-option v-for="item in list" :key="item.id" :label="item.name" :value="item"></el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  data() {
    return {
      selectValue: {},
      list: [
        { id: 1, name: "测试1" },
        { id: 2, name: "测试2" },
        { id: 3, name: "测试3" }
      ]
    };
  },
  methods: {
    changeStatus(val) {
      console.log(val, "val"); // val得到的是当前选中的对象接下来对于你的变态传参事情就好办多了。
    }
  }
};
</script>


<style scoped>

</style>

 

element ui 下拉框绑定对象

标签:ace   color   选中   hello   console   default   exp   span   eth   

原文地址:https://www.cnblogs.com/lhl66/p/11679028.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!