关于input的一些事件和属性

disabled和readonly两者的联系：

1、两个属性都可以作用于input等表单元素上，都使得元素成为“不可用”的状态；
2、两者的字面意义：
（1）readonly表示“只读”，一般表示对于文字内容只读，即不可更改内容，对于非文字的表单“只读”与“不只读”似乎没有啥区别；
（2）disabled表示“使残废，使无效”，都残废了，不管是什么内容，都是无效的。

disabled：有两个属性，true 和false，true：禁用
false ：解除禁用

readonly：readonly，表示只读

 

:adjust-position ：微信官方自带键盘弹起时，自动上推页面，默认true上推页面，false不上推页面

@keyboardheightchange="keyboardHeightChange（e）"：@keyboardheightchange事件是监听键盘高度变化的，可以获取到软键盘高度，uniapp也提供了api接口　uni.onKeyboardHeightChange(CALLBACK)

@blur =" "：失去焦点事件

v-model =" "：双向数据绑定

placeholder =" "：input框提示内容

confirm-type =" "：设置键盘右下角的文字（具体用法看上一篇博客记录）

@confirm=" "：confirm函数用于提供确认功能

@input=" fn(e)":当键盘输入时，触发input事件,用e来接收input框输入的值。

@input特殊情况下：@input事件想要传递一个参数到方法中 但是同时还要保留原来返回的e，解决方法如下：使用$event

@input="fn($event,123)"

// 输入数字实时监听
fn(e,index){
	let that = this;
	console.log(e.detail.value); //input框输入的值
	console.log(index); //传参  123
},