更新记录

1.2.6（2024-03-11）

1.增加了value-key绑定字段； 2.修复选中值无法绑定的问题；

1.2.5（2024-01-18）

修复v-model无法响应的问题

1.2.4（2023-10-17）

修复了vue2版本，点击选项后无法更新value的问题

平台兼容性

lin-select

使用说明

==注意：需要依赖 uni-easyinput ，请先导入uni-easyinput后再使用；==

//将插件导入到Hubilder之后,直接通过标签使用<lin-select />
<template>
  <!-- 普通用法 -->

  <lin-select
    :list="productList1"
    value-key="value"
    name-key="name"
    max-height="180"
    placeholder="请输入商品名称"
    @input="input2"
    v-model="mytext1"
    @confirm="confirm"
  />

  <!-- 远程加载数据 -->
  <lin-select
    :list="productList2"
    :loading="loading"
    loading-text="数据加载中"
    value-key="value"
    name-key="name"
    max-height="180"
    placeholder="请输入商品名称"
    @input="input2"
    v-model="mytext2"
  />
</template>

<script>
export default {
  data() {
    return {
      mytext1: 1,
      mytext2: '',
      productList1: [{ "name": "特选痩肉", value: 0 }, { "name": "特选键子肉", value: 1 }, { "name": "特选梅肉", value: 2 }],
      productList2: [],
    }
  },
  onLoad() {

  },
  methods: {

    confirm(val) {
      console.log(val, 'confirm')
    },

    input1(val) {
      console.log(val, 666)
    },

    // 远程加载数据
    input2(val) {
      setTimeout(() => {
        this.productList2 = [
          { "name": "远程加载分割猪肉及附件", value: 0 },
          { "name": "远程加载良种白条猪肉", value: 1 },
          { "name": "远程加载土猪白条猪肉", value: 2 }
        ]
      }, 1000)
    }
  }
}
</script>

Props

联系作者

如使用上有问题可以留言或者联系我哈，我会一直更新的；