SelectColumn 下拉选择栏目

特性

1. 使用 v-model 绑定选中标签的值
2. 传入 net-work 配置数据源
3. 支持下拉树模糊查询
4. 基于 vue2 版本封装，强依赖于 element-ui
5. 可在非 TS 环境下正常使用，但需自行构建 jsx 环境(参考 babel-plugin-transform-vue-jsx (opens new window))。

基本用法

通过 net-work 配置数据源

选中的值：

<template>
  <div>
    <div>选中的值：{{ value }}</div>
    <niuka-select-column
      v-model="value"
      :net-work="netWork"
    ></niuka-select-column>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: '',
      netWork: {
        method: () => this.http.$get('/mock/column.json'),
      },
    };
  },
};
</script>

隐藏源代码

基本用法

通过设置 filterable 属性，开启模糊匹配

选中的值：

<template>
  <div>
    <div>选中的值：{{ value }}</div>
    <niuka-select-column
      v-model="value"
      :net-work="netWork"
      filterable
    ></niuka-select-column>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: '',
      netWork: {
        method: () => this.http.$get('/mock/column.json'),
      }
    };
  },
};
</script>

隐藏源代码

NiukaSelectColumn Attributes

NiukaSelectColumn Events