การบล็อกองค์ประกอบใน Vue

คุณสามารถบล็อกองค์ประกอบของฟอร์มแบบรีแอกทีฟได้ โดยใช้แอตทริบิวต์ disabled มาลองทำดู สร้างพรอพเพอร์ตีที่เกี่ยวข้อง:

data() {
	return {
		isDisabled: true,
	}
}

ผูกพรอพเพอร์ตีนี้กับปุ่ม:

<template>
	<button v-bind:disabled="isDisabled">btn</button>
</template>

มีอินพุตให้ สร้างปุ่มที่เมื่อคลิก จะสลับการบล็อกและปลดบล็อกอินพุตของเรา

ปรับเปลี่ยนงานก่อนหน้า เพื่อให้ สถานะของอินพุตถูกควบคุมโดยช่องทำเครื่องหมาย: หากช่องทำเครื่องหมายถูกเลือก อินพุตจะถูกปลดบล็อก แต่หากไม่ถูกเลือก - อินพุตจะถูกบล็อก