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

vue+element+es6根据获取值返回整个对象

时间:2020-11-08 16:50:04      阅读:14      评论:0      收藏:0      [点我收藏+]

标签:hold   model   com   int   turn   str   option   prism   ===   

<el-select v-model="value" filterable placeholder="请选择" @change="select">
	<el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
</el-select>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
data() {
    return {
      options: [
        { label: ‘选项1‘, value: ‘1‘ },
        { label: ‘选项2‘, value: ‘2‘ },
        { label: ‘选项3‘, value: ‘3‘ },
        { label: ‘选项4‘, value: ‘4‘ }
      ],
      value: ‘‘,
      // 选中的选项
      item: {}
    }
  },
  methods: {
    select(value) {
     this.item = this.options.find((item) => {
        return item.value === value
      })
    }
  }

vue+element+es6根据获取值返回整个对象

标签:hold   model   com   int   turn   str   option   prism   ===   

原文地址:https://www.cnblogs.com/chenlongsheng/p/13926901.html

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