uniapp input组件@confirm方法获取值问题

flower`

已于 2023-03-24 15:11:52 修改

阅读量2.3k

点赞数

文章标签： uni-app 前端 javascript

于 2023-03-09 17:01:16 首次发布

本文链接：https://blog.csdn.net/weixin_48929505/article/details/129426266

版权

在uniapp中，使用input组件的@confirm事件时，错误地在事件绑定中添加小括号会导致无法获取输入值。正确的方式是不加小括号直接绑定方法名，如@confirm=btn，这样才能在btn函数中接收到输入的值。注意，无论是@confirm还是@input事件，都应避免在事件绑定时使用方法的小括号形式。

摘要由CSDN通过智能技术生成

uniapp input组件@confirm方法无法获取值问题

错误写法

input btn方法带小括号输入值点击键盘完成后输出会报undefine

<input type="text" value="" @confirm="btn()"/>
export default {
		data() {
			return {

			}
		},
		methods: {
            btn:function(event){
                console.log(event) //输出为 undefined
            }
        }
	 }

正确写法

input btn方法去掉小括号输入值点击键盘完成后输出会输出所需要的数据

<input type="text" value="" @confirm="btn"/>
export default {
		data() {
			return {

			}
		},
		methods: {
            btn:function(event){
                console.log(event) //输出为 所输入值
            }
        }
	 }