Awesome

微信小程序 wepyjs 第三方 动态匹配输入框插件

效果：

使用

安装组件

npm install wepy-match-input --save

引入组件

<template>
    <wepyMatchInput :params.sync="inputPrams"></wepyMatchInput>
</template>
<script>
    import wepy from 'wepy';
    import wepyMatchInput from 'wepy-match-input';

    export default class Index extends wepy.page {
        data={
            inputPrams:{
                    matchList:[],
                    keyWord:'',
                    keyName:'bookName',
                    placeholder:"请填写书名"
            },
        }
        components = {
            nices
        };
        
        onLoad(){
            
        }
        
        events={
            wepyMatchInputTapCallBack(data,index){
                
            },
            wepyMatchInputFocusCallBack(value){
                
            },
            wepyMatchInputChangeCallBack(value){
                
            },
            wepyMatchInputBlurCallBack(value){
                
            },
            wepyMatchInputConfirmCallBack(value){
                
            }
        }
        
       
    }
    
</script>

字段/Attr

方法/methods

• 一下方法请放在父级events对象调用。

• 有传方法名的对应方法名，没有传使用的默认方法名。（主要考虑到一个页面有多个时需要自定义以免冲突）

• 以下以默认方法名为例

• 方法名	描述	参数
  wepyMatchInputTapCallBack	点击匹配列表项回调	（当前项对象，当前项index）
  wepyMatchInputFocusCallBack	input focus方法回调	（当前输入框值）
  tapInputChangeCallBackFunName	input change方法回调	（当前输入框值）
  wepyMatchInputBlurCallBack	input blur 方法回调	（当前输入框值）
  wepyMatchInputConfirmCallBack	input confirm方法回调	（当前输入框值）

  ​

changelog

​

本人博客：callmesoul.cn