使用方式

<link rel="stylesheet" href="/components/style/transfer.css" type="text/css" />
<script defer src="/components/js/transfer.js" type="text/javascript"></script>
<div
  class="st_transfer"
  st-model="transferModel"
  options="transferData"
  change="transferChange"
></div>
var pageData = {
  transferModel: [1, 5],
  transferData: [
    {
      key: 1,
      label: `选项 1`,
      disabled: false,
    },
  ],
};
function setTransformData() {
  const data = [];
  for (let i = 1; i <= 15; i++) {
    data.push({
      key: i,
      label: `选项 ${i}`,
      disabled: i % 4 === 0,
    });
  }
  return data;
}
pageData.transferData = setTransformData();
function transferChange(val) {
  console.log(val);
}

属性

属性 说明 类型 可选值 默认值
st-model 数据绑定 string - -
change 输入值变化回调方法 string - -
options 数据源 array - -