详细问题描述
[内容]
在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
3 个回复
1***@qq.com - Unique
我也是这个问题,为什么官方不出来解决呢
1***@qq.com - Unique
android也是这样
DCloud_uni-ad_HDX
更新HBuilderX,已修复此问题
阿楞先生
在nvue中使用v-model绑定,正则后返回ui层数据不更新,使用$set。$nextTick都没用,
2021-11-30 18:11