Vue

input에 1byte마다 자음마다 validation

입방정 2021. 5. 14. 14:35
728x90
<div class="pop_content">
	<div class="login_input_area">
		<div class="input_box">
			<input
				type="text"
				id="id00"
				@input="chageAddress"
				vlaue="address"
			/>
			<label for="id00"
				><span v-if="!isAddressValided" class="in_box"
					>도로명+건물명,도로명,지번,건물명</span
				></label
			>
		</div>
	</div>
</div>

 

data() {
	return {
		address: '',
	};
},
computed: {
	isAddressValided() {
		return this.address != '';
	},
},
methods: {
	chageAddress(e) {
		this.address = e.target.value;
	},
},​
728x90