1.1.1 • Published 4 years ago
mulite-transfer v1.1.1
mulite-transfer
可以有多个接收框的穿梭框，依托于elementui，请确保已安装elementui.
参数
| 属性名称 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| leftTitle | 左边的标题 | String | '左边的标题' |
| data | 数据源 | Array | [] |
| value/v-model | 接收框的数据 | Object | {} |
| rightBoxList | 接收框标题的集合 | Array | '右边的标题1' |
| rightDefault | 接收框默认选中 | Object | {} |
| leftDefault | 左边框默认选中 | Array | [] |
参数格式
data [
{label:'',value:''},
...
]
value/v-model {
0:[1,...],
...
}
rightDefault {
0:[1,...],
...
}
leftDefault [
'value1',
...
]事件
| 事件名称 | 描述 | 参数 |
|---|---|---|
| changeTransfer | 穿梭框左右数据变化时触发 | valueList,modelList,dire,changeData |
valueList---变化后的所有接受框的值,
modelList---变化后的所有接收框的值的整体对象，{
key--接收框的序号,对应传入的标题的序号:[
{
label: "选项0"--选项名称",
value: "0"--选项值",
sequence": 0--选项序号
}
]
},
dire---传输方向,left/right,
changeData--- 改变的接收框的数据 |其他
清除输入框方法 refDom.clearQuery(dire,index)
-- dire:方向，left/right/all;index:接收框的序号，dire为right时有效
使用
npm i mulite-transfer --save
import muliteTransfer from "mulite-transfer"
Vue.use(muliteTransfer)