list获取选中的item并返回

<v-list-item-group mandatory>
     <v-list-item
        :link="true"
        :ripple="false"
        v-for="user in users"
        :key="user.user_id"
        @click="choose(user)"
      >
     <v-list-item-content>
        <v-list-item-title>{{ user.name }}</v-list-item-title>
        </v-list-item-content>
     </v-list-item>
</v-list-item-group>

choose(user)里的user就是选中的那个user对象

如果item字数过长需要换行,使用一下css

.returnNewLine {
  overflow-wrap: normal;
  white-space: normal;
  word-break: keep-all;
}

获取select选中的对象

<v-select
    label="Department"
    required
    :items="departments"
    item-text="name"
    v-model="selectedDepartment"
    return-object
></v-select>

selectedDepartment就是最后返回的对象,需要提前初始化
departments是对象数组
name是最终显示在select中的内容

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值