相关平台

微信小程序

复现仓库

https://github.com/lubo-fline/meeting
小程序基础库: 8.0.3
使用框架: Vue 2

复现步骤

在页面中引入

<van-datetime-picker
                type="time"
                :value="dateTimePicker.time"
                :min-hour=" 8 "
                :max-hour='19'
                :filter=" filter "
                @confirm='timeConfirm'
                @cancel='isShowPicker=""'
            />

在methods中或者data中添加变量

filter(type, options){
            console.log(options)
            if (type === 'minute') {
                return options.filter((option) => option % 30 === 0);
            }
            return options;
        },

会发现console没有执行，并且组件中时间没有过滤。
在vant weapp组件源码中create里获取filter属性为undefined

期望结果

期望可以告知如何传函数类属性，并且可以正常传

实际结果

vant组件接收不到方法类属性，不知道是写法不对还是有问题。

环境信息

$ taro info
👽 Taro v3.2.10

  Taro CLI 3.2.10 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 14.17.3 - D:\Program Files\nodejs\node.EXE
      npm: 7.17.0 - D:\Program Files\nodejs\npm.CMD

补充信息

在日期组件中添加 :formatter='formatter'
在data或者methods中添加对应属性值

formatter(type, value) {
                if (type === 'year') {
                    return `${value}年`;
                } 
                if (type === 'month') {
                    return `${value}月`;
                }
                return value;
            },

运行后页面报错

VM728 WAService.js:2 Unhandled promise rejection TypeError: formatter is not a function
    at index.js? [sm]:115
    at Array.map (<anonymous>)
    at index.js? [sm]:115
    at Array.map (<anonymous>)
    at vt.updateColumns (index.js? [sm]:114)
    at index.js? [sm]:311
    at VM728 WAService.js:2
    at r (VM728 WAService.js:2)(env: Windows,mp,1.05.2107221; lib: 2.17.0)

在日期组件中同样接收不到传过来的方法