vant - WePY框架中使用Vant-field微信小程序中无法输入，并且不能唤起键盘？

Question

<template>    <van-field name='cpname' data-fieldName="name" label="商户名称：" bind:blur="handleFieldChange" />    <van-field name='jyz' data-fieldName="jyz" label="经营者：" bind:blur="handleFieldChange" /></template><script>    import wepy from '@wepy/core';    wepy.page({        data: {            cpname: '',            jyz: ''        },        handleFieldChange(e) {            // 获取是哪个van-field的回调            let fieldName = e.currentTarget.dataset.fieldName            // 获取输入框的新值            let newValue = e.detail            // 定义好要更新的data对象，            let data = {}            // 利用JS的对象的键名支持字符串形式的下标，自动给每个字段去更新，不用手写            data[fieldName] = newValue            this.setData(data)        }    })</script><config>    {    "usingComponents": {    "van-field": "module:@vant/weapp/dist/field/index",    "van-button": "module:@vant/weapp/dist/button/index",    "van-icon": "module:@vant/weapp/dist/icon/index",    "van-image": "module:@vant/weapp/dist/image/index",    "van-cell-group": "module:@vant/weapp/dist/cell-group/index",    "van-cell": "module:@vant/weapp/dist/cell/index"    }    }</config>

这段是代码，使用其他的比如van-cell这种组件是没有任何问题的，就是van-field不能唤起键盘而且也不可以输入任何东西

Answer 1

<template>    <van-field name='cpname' data-fieldName="name" label="商户名称：" value="{{cpname}}" @blur="handleFieldChange" />    <van-field name='jyz' data-fieldName="jyz" label="经营者：" value="{{jyz}}" @blur="handleFieldChange" /></template>

handleFieldChange ：

handleFieldChange(e) {        let fieldName = e.currentTarget.dataset.fieldName    let newValue = e.detail    // 更新数据    this[fieldName] = newValue    // 强制数据刷新    this.$apply()}