z***@gmail.com
z***@gmail.com
  • 发布:2019-07-17 14:18
  • 更新:2019-11-15 10:14
  • 阅读:1726

【报Bug】在nvue中使用input组件无法使用v-model进行数据绑定

分类:nvue

详细问题描述

[内容]

在nvue的uni-app编译模式下,使用input组件,定义v-model属性,在input中键入时,提示如下错误

[ERROR] : TypeError: undefined is not an object (evaluating '$event.target.attr.value') __ERROR 

使用@input监听input的event,event对象如下

{  
    "type": "input",  
    "timeStamp": 1563342320233,  
    "target": {  
        "id": "search-value",  
        "dataset": {},  
        "offsetLeft": 0,  
        "offsetTop": 0  
    },  
    "currentTarget": {  
        "id": "search-value",  
        "dataset": {},  
        "offsetLeft": 0,  
        "offsetTop": 0  
    },  
    "detail": {  
        "value": "1",  
        "cursor": 1  
    },  
    "touches": [],  
    "changedTouches": []  
}

可以看到target中没有attr属性。
不过发现event.target.detail中有value,暂时使用@input来手动绑定了。

重现步骤

[步骤]

在nvue中使用input组件,并使用v-model进行数据绑定

IDE运行环境说明

[IDE版本号]
2.1.1
2.0.7-alpha

[mac版本号]
10.14.5

uni-app运行环境说明

[运行端是h5或app或某个小程序?]
App

[运行端版本号]
iOS 12.2(Simulator)

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
HBuilderX

[编译模式是老模板模式还是新的自定义组件模式?]
自定义组件

App运行环境说明

[模拟器型号]
iOS 12.2(Simulator)

[可重现代码片段]

<template>  
    <view>  
        <input type="text" v-model="keyword" @input="handleInput"/>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                keyword:"test"  
            }  
        },  
        methods: {  
            handleInput: function(event) {  
                console.log(event)  
            }  
        }  
    }  
</script>  

<style>  

</style>

联系方式

[Email]
zxftag@gmail.com

2019-07-17 14:18 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com - Unique

我也是这个问题,为什么官方不出来解决呢

1***@qq.com

1***@qq.com - Unique

android也是这样

DCloud_uniAD_HDX

DCloud_uniAD_HDX

更新HBuilderX,已修复此问题

  • 阿楞先生

    在nvue中使用v-model绑定,正则后返回ui层数据不更新,使用$set。$nextTick都没用,

    2021-11-30 18:11

该问题目前已经被锁定, 无法添加新回复