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

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) //输出为 所输入值
            }
        }
	 }

注意:无误是定义input的 @confirm事件还是@input事件都切记别给方法加小括号

所以这就是btn和btn()的区别

你可能感兴趣的:(uni-app,前端,javascript)