首页 >  vue代码 >  elemenui select绑定对象

elemenui select绑定对象

时间：2024-01-12

elemenui是vue饿了么开发的一款vue2应用广泛的插件，其中select下拉选项就是其中一项。下面来讲述如何绑定数据

elemenui2→ el-select官网介绍（这里是针对vue2的elemenui官网介绍，非lemenuiPlus

一、绑定数据

  <el-select

      v-model="value">

      <el-option

        v-for="(item, index) in options"

        :key="index"

        :label="item"

        :value="item"

      ></el-option>

    </el-select>

data(){

value:"吃饭",

options:[“吃饭”,“睡觉”]

}

二、绑定对象

<el-select

      v-model="value"

      value-key="id">

      <el-option

        v-for="(item, index) in options"

        :key="index"

        :label="item.name"

        :value="item"

      ></el-option>

    </el-select>

data(){

vlaue:{id:1},

options:[{id:1,desc:“吃饭”,name:"狗蛋"},{id:2,desc:“睡觉”,name:"猫蛋"}]

}

绑定对象时，需要加value-key并指定唯一索引对象元素（id），并且value要设置为对象