input组件不能v-model和@input一起使用吗？

分类：uni-app

微信小程序 bug反馈 input uniapp

<template>  
    <input v-model="text" @input="change" />  
</template>  
<script setup>  
import {ref} from 'vue';  
const text = ref('');  
const change = (e)=>{  
    console.log(e.target.value);  
}  
</script>

一旦触发input事件就会报错“TypeError: fn is not a function”，不使用v-model绑定就是正常的

vue3 setup 编译成微信小程序

2025-01-09 18:03 负责人:无分享

2 个回复

DCloud_UNI_yuhe

你是哪个版本出现的问题？能确定是与此有关吗？我这跑了一下没有复现出来

1***@qq.com (作者)

我补充下，我是在v-for的input后报错的

<template>  

    <view class="content">  

        <div v-for="(item,index) in props" :key="index">  

            <span>输入框{{ index }}</span>  

            <input style='background-color: aqua;' v-model="formData[item]" @input="change" />  

        </div>  

    </view>  

</template>  



<script setup>  

import { ref } from 'vue';  

const formData = ref({  

    type: '',  

    data: '',  

});  

const props = ['type', 'data'];  

const text = ref('');  

const change = () => {  

    console.log(123);  

}  

</script>  

<style>  

</style>

2025-01-10 09:29

1***@qq.com (作者)

我看去年8月份的时候也有人提了类似的问题，问题和我的差不多，都是xx is not a function; 但是双向绑定值是生效的，就是会报这个错误。

2025-01-10 09:32
1***@qq.com (作者)

您好，能看下后续的补充吗

2025-01-11 15:58
1***@qq.com (作者)

你好，请问能看下后续的回复吗？

2025-01-18 11:26
DCloud_UNI_yuhe

回复 1***@qq.com: 感谢反馈，已复现这个问题，还需进一步验证问题产生原因

2025-01-18 18:26

3***@qq.com

我也有类似问题，只要v-for中如果input组件同时使用v-model和@input就会报这个错，但实测下来功能都能正常运行

要回复问题请先登录或注册

input组件不能v-model和@input一起使用吗？

2 个回复

公告

相关问题

input组件不能v-model和@input一起使用吗？

与内容相关的链接

2 个回复

公告

相关问题