Khóa các phần tử trong Vue
Bạn có thể khóa các phần tử biểu mẫu
một cách phản ứng bằng thuộc tính disabled.
Hãy thử làm điều đó. Hãy tạo thuộc tính tương ứng:
data() {
return {
isDisabled: true,
}
}
Liên kết thuộc tính này với một nút:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Cho một input. Hãy tạo một nút, khi nhấp vào nó sẽ thay phiên khóa và mở khóa input của chúng ta.
Hãy sửa đổi nhiệm vụ trước đó sao cho trạng thái của input được điều chỉnh bởi một hộp kiểm: nếu hộp kiểm được chọn, thì input được mở khóa, còn nếu không được chọn - thì input bị khóa.
