uview是没有多选的,根据业务需求就自己封装了一个组件
一般多选的话是要加字段,根据字段判断,这个思路值得记录下
<template>
<view class="slot-v">
<!-- 单选 -->
<u-input v-model="inputValue" type="select" @click="selectShow = true" :placeholder="placeholder" />
<!-- 多选 -->
<u-popup title="请选择角色" mode="bottom" v-model="selectShow" :mask-close-able="false">
<view class="slot-content" style="background-color: #FFFFFF;">
<view class="slot_title">
<view @click="handleCancel" style="padding: 0 24rpx;">取消</view>
<view @click="handleOK" style="color: #0181ff;padding: 0 24rpx;">确认</view>
</view>
<scroll-view scroll-y="true" style="height: 400rpx;">
<view v-for="(item,index) in selectList" :key="index" @click="changeItem(item)" :class="[multiple?'':'multiple',selectedRoles.indexOf(item.value)>-1?'selected':'']"
class="safe-area-inset-bottom itemstyle">
<text>{