使用xm-select扩展组件,
<input type="hidden" class="layui-input" name="team_no" :value="parkinfo.team_no" lay-verify="required">
<div id="demo3" class="xm-select-demo" style="width:245px;"></div>
var demo3 = xmSelect.render({
el: '#demo3',
radio: true,
paging: true,
clickClose: true,
model: {
label: {
type: 'text',
text: {
//左边拼接的字符
left: '',
//右边拼接的字符
right: '',
//中间的分隔符
separator: ', ',
},
}
},
delay: 500,
searchTips: '请输入搜索内容',
pageSize: 10,
filterable: true,
initValue: [app.team_no],
data,
on: function(data){
//arr: 当前多选已选中的数据
var arr = data.arr;
console.log(arr[0].value);
app.parkinfo.team_no = arr[0].value;
//change, 此次选择变化的数据,数组
var change = data.change;
//isAdd, 此次操作是新增还是删除
var isAdd = data.isAdd;
//可以return一个数组, 代表想选中的数据
//return []
},
})