Some events and properties about input

The connection between disabled and readonly:

1. Both attributes can be applied to form elements such as input, both of which make the element "unavailable"; 2. The
literal meaning of the two:
(1) readonly means "read-only", generally means only for text content Read, that is, the content cannot be changed. There seems to be no difference between "read-only" and "not-read-only" for non-text forms; (2) disabled
means "disabling, invalidating", and it is disabled, no matter what the content is, it is Invalid.

disabled: There are two attributes, true and false, true: disabled
false: undisabled

readonly: readonly, means read-only

 

:adjust-position : When the WeChat official built-in keyboard pops up, the page will be pushed up automatically. By default, true will push the page up, and false will not push the page up.

@keyboardheightchange="keyboardHeightChange(e)": The @keyboardheightchange event monitors the height change of the keyboard and can obtain the height of the soft keyboard. uniapp also provides the api interface　uni.onKeyboardHeightChange(CALLBACK)

@blur = "": lose focus event

v-model = "": two-way data binding

placeholder = "": input box prompt content

confirm-type = " ": Set the text in the lower right corner of the keyboard (see the previous blog record for specific usage)

@confirm=" ": The confirm function is used to provide confirmation

@input=" fn(e)": When the keyboard enters, the input event is triggered, and e is used to receive the value entered by the input box.

In the special case of @input: the @input event wants to pass a parameter to the method but at the same time retain the original returned e, the solution is as follows: use $event

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

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