elementUi怎么选择select选择值的value?

如下,发请求的时候要获取select选中的value值怎么写?

    <el-form-item>
        <el-select v-model="team[0].value" size="small">
          <el-option v-for="item in team" :label="item.label" :value="item.value">
          </el-option>
        </el-select>
      </el-form-item>
      <el-button size="small" @click="onSubmit">查询</el-button>
      
      data() {
          return {
            team: [
            {
              value: 'allType',
              label: '全部类型'
            },
            {
              value: 'personage',
              label: '个人'
            }, {
              value: 'group',
              label: '团体'
            }]
          }
        }    
阅读 7.8k
3 个回答
v-model="selected"
this.selected = team[0].value;

v-model的绑定值是你的 value 值。data 里加上个selectedValue,然后v-model="selectedValue"

v-model 绑定 team[0].value 是不对的。应该在 data() 中新加一个字段比如 selected,然后 v-model="selected" ;需要设置默认值是 team[0].value,可直接写:

data(){
    return {
        selected: 'allType',
        team: ...
    }
}

如果team是动态获取的,可以获取到team后再赋值给selected

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题