我有点失落。如果文本输入有值,无论是在页面加载时(如果输入已预填充)还是在用户输入值时,我都需要向标签添加一个类。如果用户从输入中删除文本,我需要删除这些类。
.has-value {color:red}Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/alpinejs/2.3.0/alpine.js"></script>
<form x-data='{value:false}'>
<label for='example' :class='{"has-value": value }'>Label </label>
<input id='example' name='example' type='text' x-on:change='value = true' />
</form>Run Code Online (Sandbox Code Playgroud)